@aloudata/ink-lineage 0.0.1-beta.21 → 0.0.1-beta.22

package/dist/manager/LineageManager.js

@@ -0,0 +1,770 @@
+import { __assign, __read, __spreadArray } from "tslib";
+import { BigLayout, Graph, isNodeVisible, } from '@aloudata/ink-graph-new';
+import { TableDataProcessor, ExpandManager, TaskGraphEventManager, } from './index';
+import { EDashType, EDirection, ELineageType, EGraphMode, EEventEnum, } from '../types';
+import { getRelatedData, getTaskRelatedData } from '../utils';
+import { SearchNodeManager, TableRightKeyMenuManager, FoldLineageManager, } from '.';
+import _ from 'lodash';
+import { ToolbarManager } from './ToolbarManager';
+import EventEmitter from 'eventemitter3';
+import { CustomNode, TableNode, DefaultEdge, } from '../components';
+import { DefaultNode } from '../components/Nodes/DefaultNode';
+import { CustomEventManager, TableEventManager, ColumnEventManager, } from './nodeManager';
+import { CUSTOM_NODE, BASE_NODE, FOLD_EDGE, LINEAGE_EDGE, TABLE_NODE, BASE_EDGE, TASK_TABLE_NODE, TASK_TABLE_WIDTH, } from '../constant';
+import { FoldEdge } from '../components/Edges/FoldEdge';
+import { LineageEdge } from '../components/Edges/LineageEdge';
+import { TableGraphEventManager } from './TableGraphEventManager';
+import { hideEdgeTypes, onZoomChange, updateColumnPosition, updateNodeHeight, } from '../utils/manager';
+import { TaskTableNode } from '../components/Nodes/Task/TaskTableNode';
+import { TaskTableEventManager } from './nodeManager/task/TaskTableEventManager';
+import { TaskColumnEventManager } from './nodeManager/task/TaskColumnEventManager';
+import { TaskDataProcessor } from './TaskDataProcessor';
+import { TaskRightKeyMenuManager } from './TaskRightKeyMenuManager';
+import { mat4, vec3 } from 'gl-matrix';
+import { BigDagre } from '../BigDagre';
+import { AssetBaseNode } from '../components/Nodes/Table/AssetBaseNode';
+var InkLineageManager = /** @class */ (function () {
+    function InkLineageManager(data, config) {
+        this.emitter = new EventEmitter();
+        this.activeEdges = [];
+        this.activeNodes = [];
+        this.relatedNodes = [];
+        this.relatedEdges = [];
+        this.cachedRelatedNodeConfig = null;
+        this.nodesMap = new Map();
+        this.childrenColumnsMap = new Map();
+        this.relatedColumnsMap = new Map();
+        this.edgesMap = new Map();
+        this.layoutControl = {
+            shouldGroupNodes: true,
+            shouldLayout: true,
+        };
+        this.config = config;
+        this.canvasDomRoot = _.isString(config.root)
+            ? document.getElementById(config.root)
+            : config.root;
+        this.setData(data);
+        // 初始化managers
+        this.initManagers();
+        this.initGraph();
+        this.graphEventManager.init();
+        if (this.config.lineageType === ELineageType.TABLE) {
+            this.expandManager.init();
+        }
+    }
+    Object.defineProperty(InkLineageManager.prototype, "isExpanding", {
+        get: function () {
+            var _a;
+            return (_a = this.expandManager) === null || _a === void 0 ? void 0 : _a.isExpanding;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    InkLineageManager.prototype.initManagers = function () {
+        this.searchNodeManager = new SearchNodeManager(this);
+        if (this.config.lineageType === ELineageType.TABLE) {
+            this.tableEventManager = new TableEventManager(this);
+            this.customEventManager = new CustomEventManager(this);
+            this.columnEventManager = new ColumnEventManager(this);
+            this.graphEventManager = new TableGraphEventManager(this);
+            this.dataProcessor = new TableDataProcessor(this);
+            this.foldLineageManager = new FoldLineageManager(this);
+            this.rightKeyMenuManager = new TableRightKeyMenuManager(this);
+            this.toolbarManager = new ToolbarManager(this);
+            this.expandManager = new ExpandManager(this);
+        }
+        else {
+            this.tableEventManager = new TaskTableEventManager(this);
+            this.columnEventManager = new TaskColumnEventManager(this);
+            this.graphEventManager = new TaskGraphEventManager(this);
+            this.dataProcessor = new TaskDataProcessor(this);
+            this.rightKeyMenuManager = new TaskRightKeyMenuManager(this);
+        }
+    };
+    InkLineageManager.prototype.initGraph = function () {
+        var _this = this;
+        var _a = this.config, root = _a.root, cullingConfig = _a.cullingConfig, layoutConfig = _a.layoutConfig, zoomConfig = _a.zoomConfig;
+        var graph = new Graph({
+            root: root,
+            culling: cullingConfig,
+            layout: layoutConfig,
+            minimap: { enable: this.parsedData.nodes.length > 0 },
+            tools: {
+                zoom: __assign(__assign({}, zoomConfig), { onZoomChange: function (mode) {
+                        if (_this.config.lineageType === ELineageType.TABLE) {
+                            onZoomChange(mode, _this);
+                        }
+                    } }),
+                resetViewport: {
+                    visible: true,
+                    onResetViewportChange: function () {
+                        _this.update({ shouldGroupNodes: false });
+                    },
+                },
+            },
+            canvasCallback: {
+                onDrop: function () {
+                    var _a, _b, _c, _d;
+                    if (((_b = (_a = _this.config) === null || _a === void 0 ? void 0 : _a.cullingConfig) === null || _b === void 0 ? void 0 : _b.auto) &&
+                        _this.parsedData.nodes.length > ((_d = (_c = _this.config) === null || _c === void 0 ? void 0 : _c.cullingConfig) === null || _d === void 0 ? void 0 : _d.max)) {
+                        _this.update({ shouldGroupNodes: false });
+                    }
+                },
+                onWheel: function () {
+                    var _a, _b, _c, _d;
+                    if (((_b = (_a = _this.config) === null || _a === void 0 ? void 0 : _a.cullingConfig) === null || _b === void 0 ? void 0 : _b.auto) &&
+                        _this.parsedData.nodes.length > ((_d = (_c = _this.config) === null || _c === void 0 ? void 0 : _c.cullingConfig) === null || _d === void 0 ? void 0 : _d.max)) {
+                        _this.update({ shouldGroupNodes: false });
+                    }
+                },
+            },
+        });
+        this.graph = graph;
+        // register custom node
+        if (this.config.lineageType === ELineageType.TASK) {
+            graph.registerNode(BASE_NODE, TaskTableNode);
+            graph.registerEdge(BASE_EDGE, LineageEdge);
+        }
+        else {
+            graph.registerNode(BASE_NODE, AssetBaseNode);
+        }
+        graph.registerNode(TABLE_NODE, TableNode);
+        graph.registerNode(TASK_TABLE_NODE, TaskTableNode);
+        graph.registerNode(CUSTOM_NODE, CustomNode);
+        graph.registerEdge(FOLD_EDGE, FoldEdge);
+        graph.registerEdge(LINEAGE_EDGE, LineageEdge);
+        DefaultNode.lineageManager = this;
+        DefaultEdge.lineageManager = this;
+        this.render(false, true);
+    };
+    InkLineageManager.prototype.on = function (type, listener) {
+        this.emitter.on(type, listener);
+    };
+    InkLineageManager.prototype.once = function (type, listener) {
+        this.emitter.once(type, listener);
+    };
+    InkLineageManager.prototype.emit = function (event, data) {
+        this.emitter.emit(event, data);
+    };
+    InkLineageManager.prototype.off = function (type, listener) {
+        this.emitter.off(type, listener);
+    };
+    InkLineageManager.prototype.layout = function (nodes, edges) {
+        var _a, _b, _c;
+        if (nodes === void 0) { nodes = this.parsedData.nodes; }
+        if (edges === void 0) { edges = this.parsedData.edges; }
+        var layoutData;
+        if (this.config.lineageType === ELineageType.TABLE) {
+            layoutData = BigLayout(nodes, edges, this.canvasDomRoot, {
+                shouldGroupNodes: this.layoutControl.shouldGroupNodes,
+                sortConfig: (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.layoutConfig) === null || _b === void 0 ? void 0 : _b.sortRules) !== null && _c !== void 0 ? _c : [],
+                mode: this.graph.mode,
+            });
+        }
+        else {
+            layoutData = BigDagre(nodes, edges, this.getCanvas(), {
+                rankdir: 'LR',
+                excludeIndirectEdges: true,
+                ranksep: 80,
+            });
+        }
+        return layoutData || { nodes: [], edges: [] };
+    };
+    InkLineageManager.prototype.getState = function () {
+        var _a;
+        return {
+            activeNodesId: this.activeNodes.map(function (item) { return item.id; }),
+            relatedNodesId: this.relatedNodes.map(function (item) { return item.id; }),
+            relatedEdgesId: this.relatedEdges.map(function (item) { return item.id; }),
+            cachedRelatedNodeConfigId: (_a = this.cachedRelatedNodeConfig) === null || _a === void 0 ? void 0 : _a.id,
+            parsedData: this.parsedData,
+            expandManager: this.expandManager.getState(),
+            toolbarManager: this.toolbarManager.getState(),
+            rightKeyMenuManager: this.rightKeyMenuManager.getState(),
+            foldLineageManager: this.foldLineageManager.getState(),
+        };
+    };
+    InkLineageManager.prototype.updateState = function (data) {
+        var _this = this;
+        var activeNodesId = data.activeNodesId, relatedNodesId = data.relatedNodesId, relatedEdgesId = data.relatedEdgesId, cachedRelatedNodeConfigId = data.cachedRelatedNodeConfigId, expandManager = data.expandManager, toolbarManager = data.toolbarManager, rightKeyMenuManager = data.rightKeyMenuManager, foldLineageManager = data.foldLineageManager;
+        this.activeNodes = activeNodesId.map(function (id) { return _this.getNodeConfigById(id); });
+        this.relatedNodes = relatedNodesId.map(function (id) { return _this.getNodeConfigById(id); });
+        this.relatedEdges = relatedEdgesId.map(function (id) { return _this.getEdgeConfigById(id); });
+        this.cachedRelatedNodeConfig = this.getNodeConfigById(cachedRelatedNodeConfigId);
+        this.expandManager.updateState(expandManager);
+        this.toolbarManager.updateState(toolbarManager);
+        this.rightKeyMenuManager.updateState(rightKeyMenuManager);
+        this.foldLineageManager.updateState(foldLineageManager);
+        this.update();
+    };
+    InkLineageManager.prototype.render = function (isUpdate, isInit) {
+        var _a, _b;
+        if (isUpdate === void 0) { isUpdate = false; }
+        if (!this.parsedData)
+            return;
+        if (this.config.lineageType === ELineageType.TABLE) {
+            this.refreshExtraStatus();
+        }
+        else {
+            this.taskRefreshExtraStatus();
+        }
+        if (this.layoutControl.shouldLayout) {
+            var _c = this.parsedData, nodes = _c.nodes, edges = _c.edges;
+            var visibleNodes = nodes.filter(function (node) { return node.visible; });
+            var visibleEdges = edges.filter(function (edge) { return edge.visible; });
+            var layoutData = this.layout(visibleNodes, visibleEdges);
+            var data = this.handleCulling(layoutData);
+            this.graph.setData(data);
+        }
+        if (isUpdate) {
+            (_a = this.graph) === null || _a === void 0 ? void 0 : _a.update();
+        }
+        else {
+            (_b = this.graph) === null || _b === void 0 ? void 0 : _b.render();
+        }
+        if (this.config.lineageType === ELineageType.TASK && isInit) {
+            this.taskTranslate();
+        }
+        this.resetLayoutControl();
+    };
+    InkLineageManager.prototype.taskTranslate = function () {
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f;
+        var rightNode = '';
+        (_b = (_a = this.graph) === null || _a === void 0 ? void 0 : _a.nodes) === null || _b === void 0 ? void 0 : _b.forEach(function (node) {
+            var _a, _b, _c;
+            if (!node.config.visible)
+                return;
+            var target = node.bgRect;
+            var _d = __read(target.getPosition(), 1), x = _d[0];
+            var curRightNodeX = (_c = (_b = (_a = _this.graph.nodes) === null || _a === void 0 ? void 0 : _a.get(rightNode)) === null || _b === void 0 ? void 0 : _b.getPosition) === null || _c === void 0 ? void 0 : _c.call(_b)[0];
+            if (rightNode === '' || x > curRightNodeX)
+                rightNode = node === null || node === void 0 ? void 0 : node.id;
+        });
+        if (!rightNode)
+            return;
+        var canvasW = (_c = this.graph) === null || _c === void 0 ? void 0 : _c.getWidth();
+        var canvasH = (_d = this.graph) === null || _d === void 0 ? void 0 : _d.getHeight();
+        var target = (_e = this.graph.nodes) === null || _e === void 0 ? void 0 : _e.get(rightNode);
+        var _g = __read(target.getPosition(), 2), x = _g[0], y = _g[1];
+        var _h = target.getBBox(), height = _h.height, width = _h.width;
+        var innerWidth = window.innerWidth, innerHeight = window.innerHeight;
+        var offsetX = (-200 * innerWidth) / 1920;
+        var offsetY = (100 * innerHeight) / 1080;
+        (_f = this.graph) === null || _f === void 0 ? void 0 : _f.translate(x - canvasW / 2 + width / 2 + offsetX, y - canvasH / 2 + height / 2 + offsetY);
+    };
+    InkLineageManager.prototype.update = function (layoutControl) {
+        if (layoutControl) {
+            this.layoutControl = __assign(__assign({}, this.layoutControl), layoutControl);
+        }
+        this.render(true);
+    };
+    InkLineageManager.prototype.resetLayoutControl = function () {
+        this.layoutControl = {
+            shouldGroupNodes: true,
+            shouldLayout: true,
+        };
+    };
+    InkLineageManager.prototype.destroy = function () {
+        var _a;
+        (_a = this.graph) === null || _a === void 0 ? void 0 : _a.destroy();
+        this.graph = null;
+    };
+    InkLineageManager.prototype.setData = function (data) {
+        if (this.getMode() === 'SIMPLE' &&
+            this.config.lineageType === ELineageType.TABLE) {
+            data.edges.forEach(function (edge) {
+                if (hideEdgeTypes.includes(edge.data.relationTypeCode)) {
+                    edge.visible = false;
+                    edge.canBeFold = true;
+                    edge.isFolded = true;
+                }
+            });
+        }
+        this.parsedData = data;
+        this.updateDataMaps(this.parsedData);
+    };
+    InkLineageManager.prototype.updateData = function (data) {
+        this.setData(data);
+        this.update();
+    };
+    // 裁剪逻辑
+    InkLineageManager.prototype.handleCulling = function (data) {
+        var _this = this;
+        var _a, _b;
+        var _c = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.cullingConfig) || { auto: false, max: 0 }, auto = _c.auto, max = _c.max;
+        var culling = auto && this.parsedData.nodes.length > max;
+        var nodesConfig = data.nodes;
+        var edgesConfig = data.edges;
+        if (culling) {
+            var orthoMatrix_1 = this.getCanvas().getCamera().getOrthoMatrix();
+            // set nodes & edges
+            var nodesConfigMap_1 = new Map();
+            nodesConfig = (_b = data === null || data === void 0 ? void 0 : data.nodes) === null || _b === void 0 ? void 0 : _b.filter(function (node) {
+                var isVisible = isNodeVisible(node, _this.canvasDomRoot.clientWidth, _this.canvasDomRoot.clientHeight, orthoMatrix_1);
+                if (isVisible) {
+                    nodesConfigMap_1.set(node.id, node);
+                }
+                return isVisible;
+            });
+        }
+        return {
+            nodes: nodesConfig,
+            edges: edgesConfig,
+        };
+    };
+    InkLineageManager.prototype.taskRefreshExtraStatus = function () {
+        var _a, _b, _c, _d, _e;
+        // 刷新相关节点和边的高亮样式（如果打开了间接血缘按钮，那这些间接血缘也需要高亮）
+        if (((_a = this.rightKeyMenuManager) === null || _a === void 0 ? void 0 : _a.exploreState.mode) === EGraphMode.NORMAL) {
+            (_b = this.dataProcessor) === null || _b === void 0 ? void 0 : _b.refreshRelatedNodesAndEdges(this.relatedNodes, this.relatedEdges);
+        }
+        (_c = this.dataProcessor) === null || _c === void 0 ? void 0 : _c.updateNodesAndEdgesVisible(this.parsedData, (_d = this.rightKeyMenuManager) === null || _d === void 0 ? void 0 : _d.edgeDashVisible, (_e = this.rightKeyMenuManager) === null || _e === void 0 ? void 0 : _e.onlyShowRelated);
+        updateNodeHeight(this.parsedData);
+        updateColumnPosition(this.parsedData);
+    };
+    InkLineageManager.prototype.refreshExtraStatus = function () {
+        var _a, _b, _c, _d, _e, _f;
+        // 刷新相关节点和边的高亮样式（如果打开了间接血缘按钮，那这些间接血缘也需要高亮）
+        (_a = this.dataProcessor) === null || _a === void 0 ? void 0 : _a.refreshRelatedNodesAndEdges(this.relatedNodes, this.relatedEdges);
+        (_b = this.dataProcessor) === null || _b === void 0 ? void 0 : _b.updateNodesAndEdgesVisible(this.parsedData, (_c = this.rightKeyMenuManager) === null || _c === void 0 ? void 0 : _c.edgeDashVisible, (_d = this.rightKeyMenuManager) === null || _d === void 0 ? void 0 : _d.onlyShowRelated, (_e = this.foldLineageManager) === null || _e === void 0 ? void 0 : _e.isFoldChecked);
+        (_f = this.dataProcessor) === null || _f === void 0 ? void 0 : _f.updateSideIconVisible(this.parsedData);
+        updateNodeHeight(this.parsedData);
+        updateColumnPosition(this.parsedData);
+    };
+    InkLineageManager.prototype.updateActiveNodes = function (nodes) {
+        var _a, _b;
+        // reset prev active nodes
+        (_a = this.activeNodes) === null || _a === void 0 ? void 0 : _a.forEach(function (n) {
+            if (!n)
+                return;
+            n.isActive = false;
+            n.style.stroke = '#B1B1B1';
+            n.style.fill = '#fff';
+            n.style.zIndex = 2;
+        });
+        // update new active nodes
+        this.activeNodes = nodes;
+        (_b = this.activeNodes) === null || _b === void 0 ? void 0 : _b.forEach(function (n) {
+            if (!n)
+                return;
+            n.isActive = true;
+            n.style.stroke = '#3271C9';
+            n.style.fill = '#A9CFFB';
+            n.style.zIndex = 3;
+        });
+    };
+    InkLineageManager.prototype.resetActiveNodes = function () {
+        this.updateActiveNodes([]);
+    };
+    InkLineageManager.prototype.updateRelatedNodes = function (nodes, edges, needUpdate) {
+        var _this = this;
+        var _a, _b, _c;
+        if (needUpdate === void 0) { needUpdate = true; }
+        // reset prev related nodes
+        var activeNodeIds = this.activeNodes.map(function (n) { return n.id; });
+        (_a = this.relatedNodes) === null || _a === void 0 ? void 0 : _a.forEach(function (n) {
+            if (!n || activeNodeIds.includes(n.id))
+                return;
+            n.isRelated = false;
+            n.style.stroke = '#B1B1B1';
+            if (!n.isActive)
+                n.style.fill = '#fff';
+            n.style.zIndex = 1;
+            if (n === null || n === void 0 ? void 0 : n.tableId) {
+                var tableNode = _this.getNodeConfigById(n.tableId);
+                if (tableNode) {
+                    tableNode.isRelated = false;
+                }
+            }
+        });
+        // reset prev related edges
+        (_b = this.relatedEdges) === null || _b === void 0 ? void 0 : _b.forEach(function (edge) {
+            var isFold = edge.inFoldLink && _this.foldLineageManager.isFoldChecked;
+            if (isFold || edge.isExtraFoldEdge)
+                return;
+            _this.resetEdgeStyle(edge);
+        });
+        // update new related nodes
+        this.relatedNodes = nodes;
+        (_c = this.relatedNodes) === null || _c === void 0 ? void 0 : _c.forEach(function (n) {
+            if (!n)
+                return;
+            n.isRelated = true;
+            n.style.stroke = '#3271C9';
+            if (!n.isActive)
+                n.style.fill = '#E4EFFF';
+            n.style.zIndex = 3;
+            if (n === null || n === void 0 ? void 0 : n.tableId) {
+                var tableNode = _this.getNodeConfigById(n.tableId);
+                if (tableNode) {
+                    tableNode.isRelated = true;
+                }
+            }
+        });
+        // update new related edges
+        this.relatedEdges = edges;
+        this.relatedEdges.forEach(function (edge) {
+            var isFold = edge.inFoldLink && _this.foldLineageManager.isFoldChecked;
+            if (isFold || edge.isExtraFoldEdge)
+                return;
+            edge.style.stroke = '#3271C9';
+            edge.style.lineWidth = 1.5;
+            edge.style.zIndex = 1;
+        });
+        if (needUpdate) {
+            this.update({ shouldLayout: false });
+        }
+    };
+    InkLineageManager.prototype.resetEdgeStyle = function (edge) {
+        edge.type = this.getMode() === 'SIMPLE' ? BASE_EDGE : LINEAGE_EDGE;
+        edge.style.stroke = '#B1B1B1';
+        edge.style.lineWidth = 1;
+        edge.style.zIndex = -1;
+    };
+    InkLineageManager.prototype.resetRelatedNodes = function (needUpdate) {
+        if (needUpdate === void 0) { needUpdate = true; }
+        this.updateRelatedNodes([], [], needUpdate);
+    };
+    InkLineageManager.prototype.resetHighLight = function () {
+        var prevHighlightNodeConfig = this.getNodeConfigById(this.searchNodeManager.highlightNodeId);
+        if (prevHighlightNodeConfig) {
+            // reset highlight
+            prevHighlightNodeConfig.style.stroke = '#E8E8E8';
+            prevHighlightNodeConfig.style.fill = '#FFF';
+        }
+        this.update({ shouldLayout: false });
+    };
+    InkLineageManager.prototype.getNodeConfigById = function (id) {
+        var tableNodeConfig = this.getTableNodeConfigById(id);
+        var relatedColumnConfig = this.getRelatedColumnConfigById(id);
+        var childrenColumnConfig = this.getChildrenColumnConfigById(id);
+        return (tableNodeConfig ||
+            ((relatedColumnConfig === null || relatedColumnConfig === void 0 ? void 0 : relatedColumnConfig.visible)
+                ? relatedColumnConfig
+                : childrenColumnConfig));
+    };
+    InkLineageManager.prototype.getTableNodeConfigById = function (id) {
+        return this.nodesMap.get(id);
+    };
+    InkLineageManager.prototype.getRelatedColumnConfigById = function (id) {
+        return this.relatedColumnsMap.get(id);
+    };
+    InkLineageManager.prototype.getChildrenColumnConfigById = function (id) {
+        return this.childrenColumnsMap.get(id);
+    };
+    InkLineageManager.prototype.setTaskRelatedNodesAndEdges = function (nodeConfig, needUpdate, direction) {
+        if (needUpdate === void 0) { needUpdate = true; }
+        if (direction === void 0) { direction = EDirection.BOTH; }
+        this.cachedRelatedNodeConfig = nodeConfig;
+        var edgeDashVisible = this.rightKeyMenuManager.edgeDashVisible;
+        if (!nodeConfig)
+            return;
+        var relatedNodes = [];
+        var relatedEdges = [];
+        if (direction === EDirection.BOTH) {
+            // update related ui
+            // 获取与点击节点相关的节点/边（包含自己在内）
+            var relatedInputs = getTaskRelatedData(nodeConfig, this.parsedData.nodes, this.parsedData.edges, EDirection.INPUT, edgeDashVisible);
+            var relatedOutputs = getTaskRelatedData(nodeConfig, this.parsedData.nodes, this.parsedData.edges, EDirection.OUTPUT, edgeDashVisible);
+            // 高亮是把点击节点的上下游节点/边都高亮，所以要去重
+            relatedNodes = _.uniqBy(__spreadArray(__spreadArray([], __read(relatedInputs.relatedNodes), false), __read(relatedOutputs.relatedNodes), false), 'id');
+            relatedEdges = _.uniqBy(__spreadArray(__spreadArray([], __read(relatedInputs.relatedEdges), false), __read(relatedOutputs.relatedEdges), false), 'id');
+        }
+        else if (direction === EDirection.INPUT ||
+            direction === EDirection.OUTPUT) {
+            var relatedInputsOrOutputs = getTaskRelatedData(nodeConfig, this.parsedData.nodes, this.parsedData.edges, direction, edgeDashVisible);
+            var _relatedNodes = relatedInputsOrOutputs.relatedNodes, _relatedEdges = relatedInputsOrOutputs.relatedEdges;
+            if (
+            // 间接血缘开关已打开就不需要进行此判断
+            edgeDashVisible === EDashType.DIRECT &&
+                _relatedEdges.every(function (e) { return e.relationType === EDashType.INDIRECT; })) {
+                // 清空上一次探索的相关列
+                this.clearRelatedColumns();
+                // 取消之前点击节点的相关节点的高亮状态；间接血缘从开到关的情况下相关表应当取消高亮
+                // 该探索节点只有间接血缘导致没有其相关节点被高亮，但此时已经进入了探索模式，所以仍需要取消之前的高亮状态
+                this.resetRelatedNodes(true);
+                return this.emit(EEventEnum.NOTIFICATION_TIPS, {
+                    message: '当前字段只有间接血缘，请打开间接血缘开关后查看',
+                });
+            }
+            relatedNodes = _relatedNodes;
+            relatedEdges = _relatedEdges;
+        }
+        // 设置点击节点的上下游节点/边的高亮样式并进行最终的图形更新
+        this.updateRelatedNodes(relatedNodes, relatedEdges, needUpdate);
+    };
+    InkLineageManager.prototype.setRelatedNodesAndEdges = function (nodeConfig, needUpdate) {
+        if (needUpdate === void 0) { needUpdate = true; }
+        this.cachedRelatedNodeConfig = nodeConfig;
+        if (!nodeConfig)
+            return;
+        // update related ui
+        var relatedInputs = getRelatedData(nodeConfig, this.parsedData.nodes, this.parsedData.edges, EDirection.INPUT);
+        var relatedOutputs = getRelatedData(nodeConfig, this.parsedData.nodes, this.parsedData.edges, EDirection.OUTPUT);
+        var relatedNodes = _.uniqBy(__spreadArray(__spreadArray([], __read(relatedInputs.relatedNodes), false), __read(relatedOutputs.relatedNodes), false), 'id');
+        var relatedEdges = _.uniqBy(__spreadArray(__spreadArray([], __read(relatedInputs.relatedEdges), false), __read(relatedOutputs.relatedEdges), false), 'id');
+        this.updateRelatedNodes(relatedNodes, relatedEdges, needUpdate);
+    };
+    InkLineageManager.prototype.getEdgeConfigById = function (id) {
+        return this.edgesMap.get(id);
+    };
+    InkLineageManager.prototype.resetToolConfig = function () {
+        var _a;
+        (_a = this.foldLineageManager) === null || _a === void 0 ? void 0 : _a.resetFoldCheck();
+        this.rightKeyMenuManager.resetEdgeDashVisible();
+        this.rightKeyMenuManager.resetOnlyShowRelated();
+    };
+    InkLineageManager.prototype.setChildrenColumnsMap = function (id, column) {
+        this.childrenColumnsMap.set(id, column);
+    };
+    // Add method to update the maps
+    InkLineageManager.prototype.updateDataMaps = function (data) {
+        var _this = this;
+        // Clear existing maps
+        this.nodesMap.clear();
+        this.relatedColumnsMap.clear();
+        this.childrenColumnsMap.clear();
+        this.edgesMap.clear();
+        // Populate node map
+        data.nodes.forEach(function (node) {
+            var _a, _b;
+            _this.nodesMap.set(node.id, node);
+            // Add children to the map as well
+            (_a = node.children) === null || _a === void 0 ? void 0 : _a.forEach(function (child) {
+                _this.childrenColumnsMap.set(child.id, child);
+            });
+            // Add related columns to the map
+            (_b = node.relatedColumns) === null || _b === void 0 ? void 0 : _b.forEach(function (col) {
+                _this.relatedColumnsMap.set(col.id, col);
+            });
+        });
+        // Populate edge map
+        data.edges.forEach(function (edge) {
+            _this.edgesMap.set(edge.id, edge);
+        });
+    };
+    InkLineageManager.prototype.clearAllTableRelatedColumns = function (nodeConfig) {
+        if (!nodeConfig)
+            return;
+        if (nodeConfig.isStartNode) {
+            this.parsedData.nodes.forEach(function (node) {
+                node.relatedColumns = [];
+            });
+        }
+    };
+    /**************************************** 扩展 *******************************/
+    InkLineageManager.prototype.showExpandLoading = function (target, direction) {
+        this.expandManager.showExpandLoading(target, direction);
+    };
+    InkLineageManager.prototype.hideExpandLoading = function () {
+        this.expandManager.hideExpandLoading();
+    };
+    /**************************************** 全局搜索 *******************************/
+    InkLineageManager.prototype.searchNode = function (input) {
+        this.searchNodeManager.searchNode(input);
+    };
+    /**************************************** 工具栏 *******************************/
+    InkLineageManager.prototype.refreshToolbarRelatedStatus = function (nodeConfig) {
+        var _a;
+        (_a = this.toolbarManager) === null || _a === void 0 ? void 0 : _a.updateOnlyRelatedVisible(nodeConfig);
+    };
+    /**************************************** 右键菜单 *******************************/
+    // update overview info
+    InkLineageManager.prototype.setOverview = function (data) {
+        this.rightKeyMenuManager.setOverview(data);
+    };
+    // show context menu
+    InkLineageManager.prototype.showContextMenu = function (data) {
+        this.rightKeyMenuManager.showContextMenu(data);
+    };
+    // hide context menu
+    InkLineageManager.prototype.hideContextMenu = function () {
+        this.rightKeyMenuManager.hideContextMenu();
+    };
+    // show hotspot modal
+    InkLineageManager.prototype.updateHotspotModalState = function (data) {
+        this.rightKeyMenuManager.updateHotspotModalState(data);
+    };
+    // update direct & indirect table visible
+    InkLineageManager.prototype.updateEdgeDashVisible = function (edgeDashVisible) {
+        this.rightKeyMenuManager.updateEdgeDashVisible(edgeDashVisible);
+    };
+    InkLineageManager.prototype.getHotspotModalState = function () {
+        return this.rightKeyMenuManager.hotspotModalState;
+    };
+    InkLineageManager.prototype.getContextMenuState = function () {
+        return this.rightKeyMenuManager.contextMenuState;
+    };
+    InkLineageManager.prototype.getHotspotTipState = function () {
+        return this.rightKeyMenuManager.hotspotTipState;
+    };
+    InkLineageManager.prototype.getOverviewState = function () {
+        return this.rightKeyMenuManager.overviewState;
+    };
+    InkLineageManager.prototype.setExploreState = function (data) {
+        this.rightKeyMenuManager.setExploreState(data);
+    };
+    InkLineageManager.prototype.getExploreState = function () {
+        return this.rightKeyMenuManager.exploreState;
+    };
+    InkLineageManager.prototype.getToolbarState = function () {
+        var _a;
+        return (_a = this === null || this === void 0 ? void 0 : this.toolbarManager) === null || _a === void 0 ? void 0 : _a.state;
+    };
+    // 任务
+    InkLineageManager.prototype.clearRelatedColumns = function () {
+        this.parsedData.nodes.forEach(function (n) { return (n.relatedColumns = []); });
+    };
+    // 任务
+    InkLineageManager.prototype.updateHighlightEdges = function (edges) {
+        var _this = this;
+        this.activeEdges.forEach(function (e) {
+            var _a;
+            var edge = (_a = _this.graph) === null || _a === void 0 ? void 0 : _a.edges.get(e.id);
+            if (!edge)
+                return;
+            edge.config.style.stroke = '#B1B1B1';
+            edge.config.style.lineWidth = 1;
+            edge.config.style.zIndex = -1;
+        });
+        // update new active edges
+        this.activeEdges = edges;
+        this.activeEdges.forEach(function (e) {
+            var _a;
+            var edge = (_a = _this.graph) === null || _a === void 0 ? void 0 : _a.edges.get(e.id);
+            if (!edge)
+                return;
+            edge.config.style.stroke = '#FFC04D';
+            edge.config.style.lineWidth = 1;
+            edge.config.style.zIndex = -1;
+        });
+    };
+    // 任务
+    InkLineageManager.prototype.highlightRelatedNodesByStatus = function () {
+        var _this = this;
+        this.relatedNodes.forEach(function (n) {
+            if (!n)
+                return;
+            if (_this.currentClickId.includes(n.id)) {
+                n.style.stroke = '#FFC04D';
+                n.style.fill = '#FFD180';
+                n.style.zIndex = 3;
+            }
+            else if (n.isActive) {
+                n.isActive = true;
+                n.style.stroke = '#3271C9';
+                n.style.fill = '#A9CFFB';
+                n.style.zIndex = 3;
+            }
+            else {
+                n.isRelated = true;
+                n.style.stroke = '#3271C9';
+                if (!n.isActive) {
+                    n.style.fill = '#E4EFFF';
+                }
+                n.style.zIndex = 3;
+            }
+        });
+    };
+    // 任务
+    InkLineageManager.prototype.collapseAllNodes = function () {
+        this.parsedData.nodes.forEach(function (node) { return (node.isOpen = false); });
+    };
+    // 任务
+    InkLineageManager.prototype.determineNodeIsInView = function (node) {
+        var _a, _b;
+        if (!node)
+            return;
+        var target = node.bgRect;
+        var _c = target.getBBox(), height = _c.height, width = _c.width;
+        var _d = __read(target.getPosition(), 2), x = _d[0], y = _d[1];
+        // 画布的宽高
+        var wrapperWidth = this.graph.getWidth();
+        var wrapperHeight = this.graph.getHeight();
+        var camera = this.graph.canvas.getCamera();
+        if (this.rightKeyMenuManager.exploreState.mode === EGraphMode.EXPLORE) {
+            var sidebarWidth = 650;
+            wrapperWidth = wrapperWidth - sidebarWidth;
+        }
+        var _e = __read(mat4.getTranslation(vec3.create(), camera.getOrthoMatrix()), 2), rootX = _e[0], rootY = _e[1];
+        var zoom = this.graph.getZoom();
+        // const zoom = camera.getZoom();
+        var xCenter = (rootX + x + width / 2) * zoom;
+        var yCenter = (rootY + y + height / 2) * zoom;
+        var isVisible = xCenter > 0 &&
+            xCenter < wrapperWidth &&
+            yCenter > 0 &&
+            yCenter < wrapperHeight;
+        if (target.isCulled() || !isVisible) {
+            // this.searchNodeManager.moveTargetToCenter(target);
+            var canvasW = this.graph.getWidth();
+            var canvasH = this.graph.getHeight();
+            (_a = this.graph) === null || _a === void 0 ? void 0 : _a.resetPosition();
+            // this.graph.canvas.getCamera().resetPosition();
+            (_b = this.graph) === null || _b === void 0 ? void 0 : _b.translate(x - canvasW / 2 + TASK_TABLE_WIDTH + width / 2, y - canvasH / 2 + height / 2);
+        }
+    };
+    /**************************************** 合并链路 *******************************/
+    InkLineageManager.prototype.updateFoldStatus = function (checked) {
+        var _a;
+        (_a = this.foldLineageManager) === null || _a === void 0 ? void 0 : _a.updateFoldStatus(checked);
+    };
+    InkLineageManager.prototype.unfoldNodeGroup = function (foldGroupKey, saveStatus) {
+        var _a;
+        (_a = this.foldLineageManager) === null || _a === void 0 ? void 0 : _a.unfoldNodeGroup(foldGroupKey, saveStatus);
+    };
+    InkLineageManager.prototype.foldNodeGroup = function (foldGroupKey, saveStatus) {
+        var _a;
+        (_a = this.foldLineageManager) === null || _a === void 0 ? void 0 : _a.foldNodeGroup(foldGroupKey, saveStatus);
+    };
+    // update related & unrelated table visible
+    InkLineageManager.prototype.updateRelatedTableVisible = function (onlyShowRelated, needUpdate) {
+        if (needUpdate === void 0) { needUpdate = true; }
+        this.rightKeyMenuManager.updateRelatedTableVisible(onlyShowRelated, needUpdate);
+    };
+    /**************************************** graph *******************************/
+    InkLineageManager.prototype.moveTargetToCenter = function (nodeId) {
+        this.graph.moveTargetToCenter(nodeId);
+    };
+    InkLineageManager.prototype.appendChild = function (child) {
+        this.graph.canvas.appendChild(child);
+    };
+    InkLineageManager.prototype.getMode = function () {
+        var _a;
+        return ((_a = this === null || this === void 0 ? void 0 : this.graph) === null || _a === void 0 ? void 0 : _a.mode) || 'NORMAL';
+    };
+    InkLineageManager.prototype.canvasResize = function (clientWidth, clientHeight) {
+        this.graph.canvas.resize(clientWidth, clientHeight);
+    };
+    InkLineageManager.prototype.getCanvas = function () {
+        return this.graph.canvas;
+    };
+    InkLineageManager.prototype.getNodeInstanceById = function (id) {
+        return this.graph.getNodeById(id);
+    };
+    InkLineageManager.prototype.getNodeOrColumnInstanceById = function (id) {
+        return this.graph.getAnchorNodeById(id);
+    };
+    InkLineageManager.prototype.getEdgeInstanceById = function (id) {
+        return this.graph.getEdgeById(id);
+    };
+    InkLineageManager.prototype.resetPosition = function () {
+        this.graph.resetPosition();
+    };
+    InkLineageManager.prototype.graphUpdate = function () {
+        this.graph.update();
+    };
+    InkLineageManager.prototype.graphRender = function () {
+        this.graph.render();
+    };
+    InkLineageManager.prototype.getGraph = function () {
+        return this.graph;
+    };
+    InkLineageManager.prototype.setGraphData = function (data) {
+        this.graph.setData(data);
+    };
+    return InkLineageManager;
+}());
+export { InkLineageManager };
+//# sourceMappingURL=LineageManager.js.map