@visactor/vchart 0.0.1-alpha.0

package/esm/series/sankey/sankey.js

@@ -0,0 +1,538 @@
+import { CartesianSeries } from "../cartesian/cartesian";
+
+import { SeriesTypeEnum } from "../interface";
+
+import { MarkTypeEnum } from "../../mark/interface";
+
+import { registerSankeyTransforms } from "@visactor/vgrammar-sankey";
+
+import { animationConfig, userAnimationConfig } from "../../animation/utils";
+
+import { DEFAULT_MARK_ANIMATION } from "../../animation/config";
+
+import { registerDataSetInstanceTransform, registerDataSetInstanceParser } from "../../data/register";
+
+import { sankey } from "../../data/transforms/sankey";
+
+import { sankeyNodes } from "../../data/transforms/sankey-nodes";
+
+import { sankeyLinks } from "../../data/transforms/sankey-links";
+
+import { STATE_VALUE_ENUM } from "../../compile/mark";
+
+import { DataView, DataSet, dataViewParser } from "@visactor/vdataset";
+
+import { DEFAULT_DATA_INDEX, LayoutZIndex, AttributeLevel, Event_Bubble_Level } from "../../constant";
+
+import { SeriesData } from "../base/series-data";
+
+import { addChartSpaceProperty } from "../../data/transforms/add-property";
+
+import { addDataKey, initKeyMap } from "../../data/transforms/data-key";
+
+import { getDataScheme } from "../../theme/color-scheme/util";
+
+import { OrdinalScale } from "@visactor/vscale";
+
+import { SankeySeriesTooltipHelper } from "./tooltip-helper";
+
+import { Bounds } from "@visactor/vutils";
+
+import { array } from "../../util";
+
+registerSankeyTransforms();
+
+export class SankeySeries extends CartesianSeries {
+    constructor() {
+        super(...arguments), this.type = SeriesTypeEnum.sankey, this._nodeLayoutZIndex = LayoutZIndex.Node, 
+        this._labelLayoutZIndex = LayoutZIndex.Label, this._viewBox = new Bounds, this._handleAdjacencyClick = params => {
+            const element = params.item;
+            element && element.mark.id().includes("node") ? this._handleNodeAdjacencyClick(element) : element && element.mark.id().includes("link") && this._handleLinkAdjacencyClick(element);
+        }, this._handleRelatedClick = params => {
+            const element = params.item;
+            element && element.mark.id().includes("node") ? this._handleNodeRelatedClick(element) : element && element.mark.id().includes("link") && this._handleLinkRelatedClick(element);
+        }, this._handleNodeAdjacencyClick = element => {
+            const nodeDatum = element.getDatum(), highlightNodes = [ nodeDatum.key ];
+            [ this._linkMark ].forEach((mark => {
+                const vGrammarMark = mark.getProduct();
+                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                vGrammarMark.elements.forEach(((linkEl, i) => {
+                    linkEl.clearStates();
+                    const linkDatum = linkEl.getDatum(), father = (null == linkDatum ? void 0 : linkDatum.parents) ? "parents" : "source";
+                    if (array(linkDatum[father]).includes(nodeDatum.key)) {
+                        let ratio;
+                        if (highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
+                        highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target), 
+                        "parents" === father) {
+                            ratio = linkDatum.datum.filter((entry => entry.parents.some((par => par.key === nodeDatum.key)))).reduce(((sum, d) => sum + d.value), 0) / linkDatum.value;
+                        }
+                        linkEl.addState("selected", {
+                            ratio: ratio
+                        });
+                    } else linkDatum.target === nodeDatum.key ? highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source) : linkEl.useStates([ "blur" ]);
+                }));
+            })), [ this._nodeMark ].forEach((mark => {
+                const vGrammarMark = mark.getProduct();
+                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                vGrammarMark.elements.forEach((el => {
+                    el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
+                }));
+            })), [ this._labelMark ].forEach((mark => {
+                const vGrammarMark = mark.getProduct();
+                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                vGrammarMark.elements.forEach((el => {
+                    el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
+                }));
+            }));
+        }, this._handleLinkAdjacencyClick = element => {
+            const curLinkDatum = element.getDatum(), highlightNodes = [ curLinkDatum.source, curLinkDatum.target ];
+            [ this._linkMark ].forEach((mark => {
+                const vGrammarMark = mark.getProduct();
+                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                vGrammarMark.elements.forEach((linkEl => {
+                    linkEl.clearStates();
+                    const linkDatum = linkEl.getDatum(), father = (null == linkDatum ? void 0 : linkDatum.parents) ? "parents" : "source";
+                    if (linkDatum.source === curLinkDatum.target || array(linkDatum[father]).includes(curLinkDatum.source) && array(linkDatum[father]).includes(curLinkDatum.target)) {
+                        let ratio;
+                        if (highlightNodes.includes(linkDatum.source) || highlightNodes.push(linkDatum.source), 
+                        highlightNodes.includes(linkDatum.target) || highlightNodes.push(linkDatum.target), 
+                        "parents" === father) {
+                            ratio = linkDatum.datum.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) / linkDatum.value;
+                        }
+                        linkEl.addState("selected", {
+                            ratio: ratio
+                        });
+                    } else linkEl === element || linkEl.useStates([ "blur" ]);
+                }));
+            })), [ this._nodeMark ].forEach((mark => {
+                const vGrammarMark = mark.getProduct();
+                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                vGrammarMark.elements.forEach((el => {
+                    el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
+                }));
+            })), [ this._labelMark ].forEach((mark => {
+                const vGrammarMark = mark.getProduct();
+                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                vGrammarMark.elements.forEach((el => {
+                    el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
+                }));
+            }));
+        }, this._handleNodeRelatedClick = element => {
+            const nodeDatum = element.getDatum(), highlightNodes = [ nodeDatum.key ], highlightLinks = [], nodeVGrammarMark = this._nodeMark.getProduct();
+            if (!nodeVGrammarMark || !nodeVGrammarMark.elements || !nodeVGrammarMark.elements.length) return;
+            const allNodeElements = nodeVGrammarMark.elements, linkVGrammarMark = this._linkMark.getProduct();
+            if (!linkVGrammarMark || !linkVGrammarMark.elements || !linkVGrammarMark.elements.length) return;
+            linkVGrammarMark.elements.forEach(((linkEl, i) => {
+                var _a, _b, _c, _d;
+                linkEl.clearStates();
+                const linkDatum = linkEl.getDatum(), father = (null == linkDatum ? void 0 : linkDatum.parents) ? "parents" : "source";
+                if (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 ].forEach((mark => {
+                const vGrammarMark = mark.getProduct();
+                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                vGrammarMark.elements.forEach(((linkEl, i) => {
+                    var _a;
+                    if (linkEl.clearStates(), highlightLinks.includes(null !== (_a = linkEl.getDatum().key) && void 0 !== _a ? _a : linkEl.getDatum().index)) {
+                        const linkDatum = linkEl.getDatum();
+                        let ratio;
+                        if ("parents" === ((null == linkDatum ? void 0 : linkDatum.parents) ? "parents" : "source")) {
+                            ratio = linkDatum.datum.filter((entry => entry.parents.some((par => par.key === nodeDatum.key)))).reduce(((sum, d) => sum + d.value), 0) / linkDatum.value;
+                        }
+                        linkEl.addState("selected", {
+                            ratio: ratio
+                        });
+                    } else linkEl.useStates([ "blur" ]);
+                }));
+            })), [ this._nodeMark ].forEach((mark => {
+                const vGrammarMark = mark.getProduct();
+                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                vGrammarMark.elements.forEach((el => {
+                    el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
+                }));
+            })), [ this._labelMark ].forEach((mark => {
+                const vGrammarMark = mark.getProduct();
+                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                vGrammarMark.elements.forEach((el => {
+                    el.clearStates(), highlightNodes.includes(el.getDatum().key) || el.useStates([ "blur" ]);
+                }));
+            }));
+        }, this._handleLinkRelatedClick = element => {
+            [ this._linkMark ].forEach((mark => {
+                const vGrammarMark = mark.getProduct();
+                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                vGrammarMark.elements.forEach((linkEl => {
+                    linkEl.clearStates();
+                }));
+            })), [ this._nodeMark ].forEach((mark => {
+                const vGrammarMark = mark.getProduct();
+                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                vGrammarMark.elements.forEach((el => {
+                    el.clearStates();
+                }));
+            })), [ this._labelMark ].forEach((mark => {
+                const vGrammarMark = mark.getProduct();
+                if (!vGrammarMark || !vGrammarMark.elements || !vGrammarMark.elements.length) return;
+                vGrammarMark.elements.forEach((el => {
+                    el.clearStates();
+                }));
+            }));
+        };
+    }
+    getCategoryField() {
+        return this._categoryField;
+    }
+    setCategoryField(f) {
+        return this._categoryField = f, this._categoryField;
+    }
+    getValueField() {
+        return this._valueField;
+    }
+    setValueField(f) {
+        return this._valueField = f, this._valueField;
+    }
+    setAttrFromSpec() {
+        var _a, _b, _c;
+        super.setAttrFromSpec(), this.setCategoryField(this._spec.categoryField), this.setValueField(this._spec.valueField), 
+        this.setSeriesField(null !== (_a = this._spec.seriesField) && void 0 !== _a ? _a : this._spec.categoryField), 
+        this._labelLimit = null !== (_c = null === (_b = this._spec.label) || void 0 === _b ? void 0 : _b.limit) && void 0 !== _c ? _c : 100;
+    }
+    initData() {
+        if (super.initData(), this._viewDataFilter) {
+            registerDataSetInstanceTransform(this._dataSet, "sankey", sankey), this.addViewDataFilter({
+                type: "sankey",
+                options: {
+                    view: () => ({
+                        x0: this._viewBox.x1,
+                        x1: this._viewBox.x2,
+                        y0: this._viewBox.y1,
+                        y1: this._viewBox.y2
+                    }),
+                    direction: this._spec.direction,
+                    nodeAlign: this._spec.nodeAlign,
+                    nodeGap: this._spec.nodeGap,
+                    nodeWidth: this._spec.nodeWidth,
+                    linkWidth: this._spec.linkWidth,
+                    minStepWidth: this._spec.minStepWidth,
+                    minNodeHeight: this._spec.minNodeHeight,
+                    minLinkHeight: this._spec.minLinkHeight,
+                    iterations: this._spec.iterations,
+                    nodeKey: this._spec.nodeKey,
+                    linkSortBy: this._spec.linkSortBy,
+                    nodeSortBy: this._spec.nodeSortBy,
+                    setNodeLayer: this._spec.setNodeLayer
+                }
+            });
+            const nodesDataSet = new DataSet;
+            registerDataSetInstanceParser(nodesDataSet, "dataview", dataViewParser), registerDataSetInstanceTransform(nodesDataSet, "sankeyNodes", sankeyNodes), 
+            registerDataSetInstanceTransform(nodesDataSet, "addChartSpaceProperty", addChartSpaceProperty);
+            const nodesDataView = new DataView(nodesDataSet);
+            nodesDataView.parse([ this.getViewData() ], {
+                type: "dataview"
+            }), nodesDataView.transform({
+                type: "sankeyNodes"
+            }), nodesDataView.transform({
+                type: "addChartSpaceProperty",
+                options: {
+                    beforeCall: initKeyMap,
+                    call: addDataKey.bind(this)
+                }
+            }, !1), this._nodesSeriesData = new SeriesData(this._option, nodesDataView);
+            const linksDataSet = new DataSet;
+            registerDataSetInstanceParser(linksDataSet, "dataview", dataViewParser), registerDataSetInstanceTransform(linksDataSet, "sankeyLinks", sankeyLinks), 
+            registerDataSetInstanceTransform(linksDataSet, "addChartSpaceProperty", addChartSpaceProperty);
+            const linksDataView = new DataView(linksDataSet);
+            linksDataView.parse([ this.getViewData() ], {
+                type: "dataview"
+            }), linksDataView.transform({
+                type: "sankeyLinks"
+            }), linksDataView.transform({
+                type: "addChartSpaceProperty",
+                options: {
+                    beforeCall: initKeyMap,
+                    call: addDataKey.bind(this)
+                }
+            }, !1), this._linksSeriesData = new SeriesData(this._option, linksDataView);
+        }
+    }
+    initMark() {
+        var _a;
+        const nodeMark = this._createMark(MarkTypeEnum.rect, "node", {
+            isSeriesMark: !0,
+            key: DEFAULT_DATA_INDEX,
+            dataView: this._nodesSeriesData.getDataView(),
+            dataProductId: this._nodesSeriesData.getProductId()
+        });
+        nodeMark && (nodeMark.setZIndex(this._nodeLayoutZIndex), this._nodeMark = nodeMark);
+        const linkMark = this._createMark(MarkTypeEnum.linkPath, "link", {
+            key: DEFAULT_DATA_INDEX,
+            dataView: this._linksSeriesData.getDataView(),
+            dataProductId: this._linksSeriesData.getProductId()
+        });
+        if (linkMark && (this._linkMark = linkMark), null === (_a = this._spec.label) || void 0 === _a ? void 0 : _a.visible) {
+            const labelMark = this._createMark(MarkTypeEnum.text, "label", {
+                key: DEFAULT_DATA_INDEX,
+                dataView: this._nodesSeriesData.getDataView(),
+                dataProductId: this._nodesSeriesData.getProductId()
+            });
+            labelMark && (this._labelMark = labelMark);
+        }
+    }
+    initMarkStyle() {
+        this._initNodeMarkStyle(), this._initLinkMarkStyle(), this._initLabelMarkStyle();
+    }
+    _initNodeMarkStyle() {
+        var _a;
+        const nodeMark = this._nodeMark;
+        nodeMark && (this.setMarkStyle(nodeMark, {
+            x: datum => datum.x0,
+            x1: datum => datum.x1,
+            y: datum => datum.y0,
+            y1: datum => datum.y1,
+            fill: datum => {
+                var _a, _b, _c;
+                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(datum.key);
+            }
+        }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Mark), this._trigger.registerMark(nodeMark), 
+        null === (_a = this._tooltipHelper) || void 0 === _a || _a.activeTriggerSet.mark.add(nodeMark));
+    }
+    _initLinkMarkStyle() {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+        const linkMark = this._linkMark;
+        linkMark && (this.setMarkStyle(linkMark, {
+            x0: datum => datum.x0,
+            x1: datum => datum.x1,
+            y0: datum => datum.y0,
+            y1: datum => datum.y1,
+            thickness: datum => datum.thickness,
+            fill: datum => {
+                var _a, _b, _c;
+                return null !== (_c = null === (_b = null === (_a = this._spec.link) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(datum.source);
+            },
+            fillOpacity: null !== (_c = null === (_b = null === (_a = this._spec.link) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fillOpacity) && void 0 !== _c ? _c : .15,
+            direction: null !== (_d = this._spec.direction) && void 0 !== _d ? _d : "horizontal",
+            round: null === (_g = null === (_f = null === (_e = this._spec.link) || void 0 === _e ? void 0 : _e.style) || void 0 === _f ? void 0 : _f.round) || void 0 === _g || _g,
+            ratio: null === (_j = null === (_h = this._spec.link) || void 0 === _h ? void 0 : _h.style) || void 0 === _j ? void 0 : _j.ratio,
+            align: null === (_l = null === (_k = this._spec.link) || void 0 === _k ? void 0 : _k.style) || void 0 === _l ? void 0 : _l.align,
+            curvature: null === (_o = null === (_m = this._spec.link) || void 0 === _m ? void 0 : _m.style) || void 0 === _o ? void 0 : _o.curvature,
+            endArrow: null === (_q = null === (_p = this._spec.link) || void 0 === _p ? void 0 : _p.style) || void 0 === _q ? void 0 : _q.endArrow,
+            startArrow: null === (_s = null === (_r = this._spec.link) || void 0 === _r ? void 0 : _r.style) || void 0 === _s ? void 0 : _s.startArrow,
+            backgroundStyle: null === (_u = null === (_t = this._spec.link) || void 0 === _t ? void 0 : _t.style) || void 0 === _u ? void 0 : _u.backgroundStyle
+        }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series), this._trigger.registerMark(linkMark), 
+        null === (_v = this._tooltipHelper) || void 0 === _v || _v.activeTriggerSet.mark.add(linkMark));
+    }
+    _initLabelMarkStyle() {
+        var _a;
+        this._labelMark && ("vertical" === this._spec.direction ? "inside-start" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x0,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: "#ffffff",
+            text: datum => (null == datum ? void 0 : datum.datum) ? datum.datum[this._spec.categoryField] : "",
+            limit: datum => {
+                var _a;
+                return null !== (_a = this._spec.label.limit) && void 0 !== _a ? _a : datum.x1 - datum.x0;
+            },
+            textAlign: "left",
+            textBaseline: "middle"
+        }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series) : "inside-middle" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => (datum.x0 + datum.x1) / 2,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: "#ffffff",
+            text: datum => (null == datum ? void 0 : datum.datum) ? datum.datum[this._spec.categoryField] : "",
+            limit: datum => {
+                var _a;
+                return null !== (_a = this._spec.label.limit) && void 0 !== _a ? _a : datum.x1 - datum.x0;
+            },
+            textAlign: "center",
+            textBaseline: "middle"
+        }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series) : "inside-end" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x1,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: "#ffffff",
+            text: datum => (null == datum ? void 0 : datum.datum) ? datum.datum[this._spec.categoryField] : "",
+            limit: datum => {
+                var _a;
+                return null !== (_a = this._spec.label.limit) && void 0 !== _a ? _a : datum.x1 - datum.x0;
+            },
+            textAlign: "right",
+            textBaseline: "middle"
+        }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series) : this.setMarkStyle(this._labelMark, {
+            x: datum => (datum.x0 + datum.x1) / 2,
+            y: datum => datum.y1 >= this._viewBox.y2 ? datum.y0 : datum.y1,
+            fill: datum => {
+                var _a, _b, _c;
+                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(datum.key);
+            },
+            text: datum => (null == datum ? void 0 : datum.datum) ? datum.datum[this._spec.categoryField] : "",
+            limit: this._labelLimit,
+            textAlign: "center",
+            textBaseline: datum => datum.y1 >= this._viewBox.y2 ? "bottom" : "top"
+        }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series) : "inside-start" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x0,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: "#ffffff",
+            text: datum => (null == datum ? void 0 : datum.datum) ? datum.datum[this._spec.categoryField] : "",
+            limit: datum => {
+                var _a;
+                return null !== (_a = this._spec.label.limit) && void 0 !== _a ? _a : datum.x1 - datum.x0;
+            },
+            textAlign: "left",
+            textBaseline: "middle"
+        }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series) : "inside-middle" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => (datum.x0 + datum.x1) / 2,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: "#ffffff",
+            text: datum => (null == datum ? void 0 : datum.datum) ? datum.datum[this._spec.categoryField] : "",
+            limit: datum => {
+                var _a;
+                return null !== (_a = this._spec.label.limit) && void 0 !== _a ? _a : datum.x1 - datum.x0;
+            },
+            textAlign: "center",
+            textBaseline: "middle"
+        }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series) : "inside-end" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x1,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: "#ffffff",
+            text: datum => (null == datum ? void 0 : datum.datum) ? datum.datum[this._spec.categoryField] : "",
+            limit: datum => {
+                var _a;
+                return null !== (_a = this._spec.label.limit) && void 0 !== _a ? _a : datum.x1 - datum.x0;
+            },
+            textAlign: "right",
+            textBaseline: "middle"
+        }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series) : "left" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x0,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: datum => {
+                var _a, _b, _c;
+                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(datum.key);
+            },
+            text: datum => (null == datum ? void 0 : datum.datum) ? datum.datum[this._spec.categoryField] : "",
+            limit: this._labelLimit,
+            textAlign: "right",
+            textBaseline: "middle"
+        }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series) : "right" === this._spec.label.position ? this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x1,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: datum => {
+                var _a, _b, _c;
+                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(datum.key);
+            },
+            text: datum => (null == datum ? void 0 : datum.datum) ? datum.datum[this._spec.categoryField] : "",
+            limit: this._labelLimit,
+            textAlign: "left",
+            textBaseline: "middle"
+        }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series) : this.setMarkStyle(this._labelMark, {
+            x: datum => datum.x1 >= this._viewBox.x2 ? datum.x0 : datum.x1,
+            y: datum => (datum.y0 + datum.y1) / 2,
+            fill: datum => {
+                var _a, _b, _c;
+                return null !== (_c = null === (_b = null === (_a = this._spec.node) || void 0 === _a ? void 0 : _a.style) || void 0 === _b ? void 0 : _b.fill) && void 0 !== _c ? _c : this.getNodeOrdinalColorScale(datum.key);
+            },
+            text: datum => (null == datum ? void 0 : datum.datum) ? datum.datum[this._spec.categoryField] : "",
+            limit: this._labelLimit,
+            textAlign: datum => datum.x1 >= this._viewBox.x2 ? "right" : "left",
+            textBaseline: "middle"
+        }, STATE_VALUE_ENUM.STATE_NORMAL, AttributeLevel.Series), this._labelMark.setZIndex(this._labelLayoutZIndex), 
+        this._trigger.registerMark(this._labelMark), null === (_a = this._tooltipHelper) || void 0 === _a || _a.activeTriggerSet.mark.add(this._labelMark));
+    }
+    initAnimation() {
+        var _a, _b;
+        const animationParams = {
+            direction: this.direction,
+            growFrom: () => {
+                var _a, _b;
+                return "horizontal" === this.direction ? null === (_a = this._xAxisHelper) || void 0 === _a ? void 0 : _a.getScale(0).scale(0) : null === (_b = this._yAxisHelper) || void 0 === _b ? void 0 : _b.getScale(0).scale(0);
+            }
+        }, appearPreset = null === (_b = null === (_a = this._spec) || void 0 === _a ? void 0 : _a.animationAppear) || void 0 === _b ? void 0 : _b.preset;
+        this._nodeMark && this._nodeMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.sankeyNode(animationParams, appearPreset), userAnimationConfig(this._nodeMark.name, this._spec))), 
+        this._linkMark && this._linkMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.sankeyLinkPath(), userAnimationConfig(this._linkMark.name, this._spec))), 
+        this._labelMark && this._labelMark.setAnimationConfig(animationConfig(DEFAULT_MARK_ANIMATION.label(), userAnimationConfig(this._labelMark.name, this._spec)));
+    }
+    initEvent() {
+        var _a, _b, _c, _d, _e, _f;
+        super.initEvent(), (null === (_a = this._spec.emphasis) || void 0 === _a ? void 0 : _a.enable) && "adjacency" === (null === (_b = this._spec.emphasis) || void 0 === _b ? void 0 : _b.effect) && ("hover" === (null === (_c = this._spec.emphasis) || void 0 === _c ? void 0 : _c.trigger) ? this.event.on("pointerover", {
+            level: Event_Bubble_Level.mark
+        }, this._handleAdjacencyClick) : this.event.on("pointerdown", {
+            level: Event_Bubble_Level.mark
+        }, this._handleAdjacencyClick)), (null === (_d = this._spec.emphasis) || void 0 === _d ? void 0 : _d.enable) && "related" === (null === (_e = this._spec.emphasis) || void 0 === _e ? void 0 : _e.effect) && ("hover" === (null === (_f = this._spec.emphasis) || void 0 === _f ? void 0 : _f.trigger) ? this.event.on("pointerover", {
+            level: Event_Bubble_Level.mark
+        }, this._handleRelatedClick) : this.event.on("pointerdown", {
+            level: Event_Bubble_Level.mark
+        }, this._handleRelatedClick));
+    }
+    initTooltip() {
+        this._tooltipHelper = new SankeySeriesTooltipHelper(this);
+    }
+    getNodeOrdinalColorScale(item) {
+        var _a, _b, _c, _d;
+        const colorRange = null !== (_b = null === (_a = this._option.globalScale.color) || void 0 === _a ? void 0 : _a.range()) && void 0 !== _b ? _b : getDataScheme(this._option.getTheme().colorScheme, this.type), ordinalScale = new OrdinalScale;
+        return null === (_d = (_c = ordinalScale.domain(this._nodesSeriesData.getDataView().latestData.map((datum => datum.key)))).range) || void 0 === _d || _d.call(_c, colorRange), 
+        ordinalScale.scale(item);
+    }
+    getDimensionField() {
+        return [ this._spec.categoryField ];
+    }
+    getMeasureField() {
+        return [ this._valueField ];
+    }
+    getSeriesKeys() {
+        var _a;
+        if (this._seriesField) {
+            const keyArray = [];
+            return null === (_a = this._nodesSeriesData) || void 0 === _a || _a.getDataView().latestData.forEach((datum => {
+                var _a;
+                keyArray.push(null !== (_a = datum[this._seriesField]) && void 0 !== _a ? _a : datum.datum[this._seriesField]);
+            })), keyArray;
+        }
+        return [];
+    }
+    onLayoutEnd(ctx) {
+        super.onLayoutEnd(ctx), this._viewBox.set(0, 0, this._region.getLayoutRect().width, this._region.getLayoutRect().height), 
+        this._rawData.reRunAllTransform(), this.getViewData().reRunAllTransform(), this._nodesSeriesData.updateData(), 
+        this._linksSeriesData.updateData();
+    }
+    getDefaultShapeType() {
+        return "square";
+    }
+}
+
+SankeySeries.type = SeriesTypeEnum.sankey;
+//# sourceMappingURL=sankey.js.map