@aloudata/ink-lineage 0.0.1-beta.1 → 0.0.1-beta.10

package/dist/components/Nodes/AssetNode.js

@@ -0,0 +1,278 @@
+import { __extends, __read, __spreadArray } from "tslib";
+import { Group, Rect, Text, Image } from '@aloudata/ink-graph-new';
+import { DefaultNode } from './DefaultNode';
+import { colorVar, NODE_WIDTH, RECT_LINE_WIDTH, TABLE_HEADER_HEIGHT, TABLE_HEADER_NAME_WRAP_WIDTH, TABLE_TAG_HEIGHT, } from '../../constant';
+import { EElementType, EEntityType, EExpandType, } from '../../types';
+import { entityDefaultType, hotspot } from '../../assets';
+import _ from 'lodash';
+import { getEntityTypeIcon } from '../../utils';
+var AssetNode = /** @class */ (function (_super) {
+    __extends(AssetNode, _super);
+    function AssetNode() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.defaultHeaderHeight = 42;
+        _this.onMouseLeave = function () {
+            _this.onLeave();
+            // hide side icon
+            _this.hideSideIcon();
+        };
+        _this.onMouseEnter = function () {
+            _this.onHover();
+            // show side icon
+            _this.showSideIcon();
+        };
+        _this.showSideIcon = function () {
+            var _a, _b, _c, _d;
+            var config = _this.config;
+            var onlyShowRelated = !!((_b = (_a = _this.lineageManager) === null || _a === void 0 ? void 0 : _a.rightKeyMenuManager) === null || _b === void 0 ? void 0 : _b.onlyShowRelated);
+            var isColumnRelatedList = !!((_d = (_c = _this.lineageManager.activeNodes) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.tableName);
+            var inRelatedAndInColumnList = onlyShowRelated && isColumnRelatedList;
+            // check left
+            // show expand left side icon
+            if (config.canExpandInput && !inRelatedAndInColumnList)
+                // show left icon if not in column related list
+                _this.showLeftIcon(EExpandType.EXPAND);
+            // show close left side icon
+            if (config.canFoldInput && !onlyShowRelated)
+                _this.showLeftIcon(EExpandType.FOLD);
+            // check right
+            // show expand right side icon
+            if (config.canExpandOutput && !inRelatedAndInColumnList) {
+                // show right icon if not in column related list
+                _this.showRightIcon(EExpandType.EXPAND);
+            }
+            // show close right side icon
+            if (config.canFoldOutput && !onlyShowRelated)
+                _this.showRightIcon(EExpandType.FOLD);
+        };
+        return _this;
+    }
+    AssetNode.prototype.render = function () {
+        _super.prototype.render.call(this);
+        var isStartNode = this.config.isStartNode;
+        if (isStartNode) {
+            // render start node tag
+            this.renderStartNodeTag();
+        }
+        // render table header
+        this.renderHeader();
+        this.updateNodeHeight();
+        this.initEvents();
+    };
+    AssetNode.prototype.renderStartNodeTag = function () {
+        var data = this.config.data;
+        var tagGroup = new Group({
+            name: 'tag',
+        });
+        var color = data.type === EEntityType.CUSTOM ? '#475569' : '#14B8A6';
+        var tagRect = new Rect({
+            style: {
+                x: -1,
+                y: -TABLE_TAG_HEIGHT,
+                width: NODE_WIDTH + 2,
+                height: TABLE_TAG_HEIGHT,
+                stroke: color,
+                fill: color,
+                lineWidth: 1,
+                radius: [4, 4, 0, 0], // 0
+            },
+        });
+        var tagText = new Text({
+            style: {
+                x: 8,
+                y: -17,
+                lineHeight: 16,
+                text: '起始资产',
+                fontSize: 12,
+                fontWeight: 400,
+                fontFamily: 'PingFang SC',
+                textBaseline: 'top',
+                fill: '#FFF',
+            },
+        });
+        tagGroup.appendChild(tagRect);
+        tagGroup.appendChild(tagText);
+        this.container.appendChild(tagGroup);
+    };
+    AssetNode.prototype.renderHeader = function () {
+        var data = this.config.data;
+        var typeCode = data.typeCode, icon = data.icon, name = data.name;
+        // table 整体
+        this.bgRect = new Rect({
+            name: 'table-header-group',
+            style: {
+                x: -1,
+                y: 1,
+                width: NODE_WIDTH + 2,
+                height: TABLE_HEADER_HEIGHT,
+                stroke: this.config.style.stroke || colorVar.headerGroupBorderDefault,
+                zIndex: this.config.style.zIndex || 2,
+                lineWidth: RECT_LINE_WIDTH,
+            },
+        });
+        // header部分
+        this.headerGroup = new Rect({
+            style: {
+                x: 1,
+                y: 1,
+                fill: this.config.style.fill || '#FFFFFF',
+                width: NODE_WIDTH,
+                height: this.elementType === EElementType.DOWNGRADE
+                    ? this.defaultHeaderHeight
+                    : TABLE_HEADER_HEIGHT,
+                zIndex: 10,
+            },
+        });
+        var img = data.type === EEntityType.CUSTOM
+            ? icon || entityDefaultType
+            : getEntityTypeIcon(typeCode, data.type);
+        var entityTypeIcon = new Image({
+            style: {
+                x: 12,
+                y: 12,
+                width: 20,
+                height: 20,
+                img: img,
+                cursor: 'pointer',
+            },
+        });
+        this.headerName = new Text({
+            style: {
+                x: 36,
+                y: 22,
+                text: name,
+                fontSize: 12,
+                fontWeight: 500,
+                lineHeight: 14,
+                fontFamily: 'PingFang SC',
+                textBaseline: 'middle',
+                wordWrap: true,
+                wordWrapWidth: TABLE_HEADER_NAME_WRAP_WIDTH,
+                maxLines: 2,
+                textOverflow: 'ellipsis',
+                fill: '#171717',
+            },
+        });
+        if (this.config.data.isHotspot) {
+            this.hotspotIcon = new Image({
+                style: {
+                    x: 270,
+                    y: 14,
+                    width: 20,
+                    height: 20,
+                    img: hotspot,
+                    cursor: 'pointer',
+                    zIndex: 99,
+                },
+            });
+            this.headerGroup.appendChild(this.hotspotIcon);
+        }
+        this.renderSideIcon();
+        this.headerGroup.appendChild(this.bgHideRect);
+        this.headerGroup.appendChild(this.leftIcon);
+        this.headerGroup.appendChild(this.rightIcon);
+        this.headerGroup.appendChild(this.headerName);
+        this.headerGroup.appendChild(entityTypeIcon);
+        this.bgRect.appendChild(this.headerGroup);
+        this.container.appendChild(this.bgRect);
+    };
+    AssetNode.prototype.updateNodeHeight = function () {
+        var tagHeight = this.config.isStartNode ? TABLE_TAG_HEIGHT : -1;
+        var height = this.elementType === EElementType.DOWNGRADE
+            ? this.defaultBgRectHeight
+            : this.container.getBBox().height - tagHeight;
+        this.bgRect.style.height = height;
+    };
+    AssetNode.prototype.initEvents = function () {
+        var _this = this;
+        var _a, _b;
+        _super.prototype.initEvents.call(this);
+        (_a = this.hotspotIcon) === null || _a === void 0 ? void 0 : _a.addEventListener('mouseenter', function () {
+            var _a = _this.hotspotIcon.getBBox(), x = _a.x, y = _a.y;
+            _this.lineageManager.rightKeyMenuManager.updateHotspotTipState({
+                visible: true,
+                id: _this.config.id,
+                data: _this.config.data,
+                x: x,
+                y: y,
+            });
+        });
+        (_b = this.hotspotIcon) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseleave', function () {
+            _this.lineageManager.rightKeyMenuManager.updateHotspotTipState({
+                visible: false,
+                id: '',
+                data: {},
+                x: -999,
+                y: -999,
+            });
+        });
+        this.headerGroup.addEventListener('mouseenter', function () {
+            _this.onMouseEnter();
+        });
+        this.headerGroup.addEventListener('mouseleave', function () {
+            _this.onMouseLeave();
+        });
+        // this.headerGroup.addEventListener('click', () => {
+        //   this.lineageManager.emit(this.eventType.HEADER_CLICK, this);
+        // });
+        // this.headerGroup.addEventListener('contextmenu', (e) => {
+        //   e.preventDefault();
+        //   this.contextmenuClick();
+        // });
+        // this.headerGroup.addEventListener('mouseenter', () => {
+        //   this.onMouseEnter();
+        // });
+        // this.headerGroup.addEventListener('mouseleave', () => {
+        //   this.onMouseLeave();
+        // });
+    };
+    AssetNode.prototype.handleHotspotExpand = function (data) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        var parsedData = data.resData, params = data.params;
+        if (!parsedData)
+            return;
+        // reset related nodes
+        (_a = this.lineageManager) === null || _a === void 0 ? void 0 : _a.resetRelatedNodes();
+        var nodes = parsedData.nodes, edges = parsedData.edges;
+        // show no more linage
+        if (edges.length) {
+            var prevNodesConfig = this.lineageManager.parsedData.nodes;
+            var prevEdgesConfig = this.lineageManager.parsedData.edges;
+            var newNodesConfig_1 = _.unionBy(__spreadArray(__spreadArray([], __read(prevNodesConfig), false), __read(nodes), false), 'id');
+            var newEdgesConfig = _.unionBy(__spreadArray(__spreadArray([], __read(prevEdgesConfig), false), __read(edges), false), 'id');
+            // prevNodesConfig中和nodes中同id的node，如果node的isHotspot为true，则将prevNodesConfig中同id的node的isHotspot设置为node的isHotspot，hotspots设置为node的hotspots
+            nodes.forEach(function (node) {
+                var newNode = newNodesConfig_1.find(function (n) { return n.id === node.id; });
+                if (newNode) {
+                    newNode.data.isHotspot =
+                        newNode.data.isHotspot || node.data.isHotspot;
+                    newNode.data.hotspots = node.data.hotspots || newNode.data.hotspots;
+                }
+            });
+            this.lineageManager.setData({
+                nodes: newNodesConfig_1,
+                edges: newEdgesConfig,
+            });
+            var onlyShowRelated = !!((_c = (_b = this.lineageManager) === null || _b === void 0 ? void 0 : _b.rightKeyMenuManager) === null || _c === void 0 ? void 0 : _c.onlyShowRelated);
+            if (!onlyShowRelated) {
+                // highlight curr node flow
+                (_d = this.lineageManager) === null || _d === void 0 ? void 0 : _d.updateActiveNodes([this.config]);
+                // set related nodes & edges
+                (_e = this.lineageManager) === null || _e === void 0 ? void 0 : _e.setRelatedNodesAndEdges(this.config, false);
+            }
+            else {
+                // highlight curr node flow
+                (_f = this.lineageManager) === null || _f === void 0 ? void 0 : _f.updateActiveNodes([
+                    this.lineageManager.cachedRelatedNodeConfig,
+                ]);
+                // set related nodes & edges
+                (_g = this.lineageManager) === null || _g === void 0 ? void 0 : _g.setRelatedNodesAndEdges(this.lineageManager.cachedRelatedNodeConfig, false);
+            }
+            // update
+            this.lineageManager.update();
+        }
+    };
+    return AssetNode;
+}(DefaultNode));
+export { AssetNode };
+//# sourceMappingURL=AssetNode.js.map

package/dist/components/Nodes/AssetNode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssetNode.js","sourceRoot":"","sources":["../../../src/components/Nodes/AssetNode.ts"],"names":[],"mappings":"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"}

package/dist/components/Nodes/ColumnNode.d.ts

@@ -0,0 +1,27 @@
+import { Text, Graph } from '@aloudata/ink-graph-new';
+import { DefaultNode } from './DefaultNode';
+import { EElementType, IColumnConfig, IColResBase, EColumnEvents } from '../../types';
+import { TableNode } from '.';
+export declare class ColumnNode extends DefaultNode {
+    node: TableNode;
+    position: number;
+    static node: TableNode;
+    prevStartRelatedColumnId: string;
+    config: IColumnConfig<IColResBase>;
+    colText: Text;
+    colDesc: Text;
+    isForbidden: boolean;
+    get elementType(): EElementType;
+    get eventType(): typeof EColumnEvents;
+    constructor(graph: Graph, config: IColumnConfig<IColResBase>, node: TableNode, position: number);
+    render(): void;
+    containerMouseEnter(): void;
+    containerMouseLeave(): void;
+    destroy(): void;
+    isForbiddenColumn(): boolean;
+    showSideIcon: () => void;
+    handleHotspotExpand(data: {
+        resData: any;
+    }): void;
+}
+//# sourceMappingURL=ColumnNode.d.ts.map

package/dist/components/Nodes/ColumnNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnNode.d.ts","sourceRoot":"","sources":["../../../src/components/Nodes/ColumnNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,IAAI,EAIJ,KAAK,EACN,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAY5C,OAAO,EAEL,YAAY,EAEZ,aAAa,EACb,WAAW,EAGX,aAAa,EACd,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,SAAS,EAAE,MAAM,GAAG,CAAC;AAE9B,qBAAa,UAAW,SAAQ,WAAW;IAwBhC,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,MAAM;IAxBzB,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC;IAEvB,wBAAwB,EAAE,MAAM,CAAM;IAE9B,MAAM,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAE3C,OAAO,EAAE,IAAI,CAAC;IAEd,OAAO,EAAE,IAAI,CAAC;IAEd,WAAW,EAAE,OAAO,CAAC;IAErB,IAAI,WAAW,IAAI,YAAY,CAE9B;IAED,IAAI,SAAS,IAAI,OAAO,aAAa,CAEpC;gBAGC,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,aAAa,CAAC,WAAW,CAAC,EAC3B,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,MAAM;IASzB,MAAM;IAmIN,mBAAmB;IASnB,mBAAmB;IAOnB,OAAO,IAAI,IAAI;IAgBf,iBAAiB;IASjB,YAAY,aAoCV;IAEF,mBAAmB,CAAC,IAAI,EAAE;QAAE,OAAO,MAAA;KAAE;CA+ItC"}

package/dist/components/Nodes/ColumnNode.js

@@ -0,0 +1,327 @@
+import { __extends, __read, __spreadArray } from "tslib";
+import { Rect, Text, Image, getTextDomWidth, getNodeHeight, } from '@aloudata/ink-graph-new';
+import _ from 'lodash';
+import { DefaultNode } from './DefaultNode';
+import { COL_HEIGHT, COL_ORDER_TEXT_X, COL_ORDER_TEXT_Y, COL_PK_FK_Y, COL_TEXT_X, COL_TEXT_Y, NODE_WIDTH, RECT_LINE_WIDTH, } from '../../constant';
+import { fkIcon, pkIcon } from '../../assets';
+import { EDashType, EElementType, EExpandType, EColumnEvents, } from '../../types';
+var ColumnNode = /** @class */ (function (_super) {
+    __extends(ColumnNode, _super);
+    function ColumnNode(graph, config, node, position) {
+        var _this = _super.call(this, graph, config) || this;
+        _this.node = node;
+        _this.position = position;
+        _this.prevStartRelatedColumnId = '';
+        _this.showSideIcon = function () {
+            var _a, _b;
+            var config = _this.config;
+            var onlyShowRelated = !!((_b = (_a = _this.lineageManager) === null || _a === void 0 ? void 0 : _a.rightKeyMenuManager) === null || _b === void 0 ? void 0 : _b.onlyShowRelated);
+            // check left
+            // show expand left side icon
+            if (config.canExpandInput) {
+                if (onlyShowRelated && config.isStartNode && !config.isRelatedColumn) {
+                }
+                else {
+                    _this.showLeftIcon(EExpandType.EXPAND);
+                }
+            }
+            // show close left side icon
+            if (config.canFoldInput) {
+                if (onlyShowRelated) {
+                }
+                else {
+                    _this.showLeftIcon(EExpandType.FOLD);
+                }
+            }
+            // check right
+            // show expand right side icon
+            if (config.canExpandOutput) {
+                if (onlyShowRelated && config.isStartNode && !config.isRelatedColumn)
+                    return;
+                _this.showRightIcon(EExpandType.EXPAND);
+            }
+            // show close right side icon
+            if (config.canFoldOutput && !onlyShowRelated) {
+                _this.showRightIcon(EExpandType.FOLD);
+            }
+        };
+        _this.render();
+        _this.initEvents();
+        return _this;
+    }
+    Object.defineProperty(ColumnNode.prototype, "elementType", {
+        get: function () {
+            return EElementType.COLUMN;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(ColumnNode.prototype, "eventType", {
+        get: function () {
+            return EColumnEvents;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    ColumnNode.prototype.render = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        this.container.name = 'column-group';
+        this.container.style.y = this.position * COL_HEIGHT;
+        this.container.style.cursor = 'default';
+        var _j = this.config.data, position = _j.position, name = _j.name, constraint = _j.constraint;
+        this.isForbidden = this.isForbiddenColumn();
+        this.container.style.zIndex = this.config.style.zIndex;
+        this.bgRect = new Rect({
+            name: 'column-bgRect',
+            style: {
+                x: 8,
+                fill: this.isForbidden ? '#fff' : ((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.fill) || '#fff',
+                stroke: this.isForbidden
+                    ? '#DBDBDB'
+                    : ((_d = (_c = this.config) === null || _c === void 0 ? void 0 : _c.style) === null || _d === void 0 ? void 0 : _d.stroke) || '#DBDBDB',
+                lineWidth: RECT_LINE_WIDTH,
+                width: NODE_WIDTH - 16,
+                height: COL_HEIGHT,
+            },
+        });
+        this.headerGroup = new Rect({
+            style: {
+                x: 9,
+                y: 1,
+                width: NODE_WIDTH - 16 - 2,
+                height: 30,
+                zIndex: 10,
+                cursor: 'pointer',
+                fill: this.isForbidden ? '#fff' : ((_f = (_e = this.config) === null || _e === void 0 ? void 0 : _e.style) === null || _f === void 0 ? void 0 : _f.fill) || '#fff',
+            },
+        });
+        var colOrderText = new Text({
+            style: {
+                x: COL_ORDER_TEXT_X,
+                y: COL_ORDER_TEXT_Y,
+                text: position || '-',
+                fill: '#A2A2A2',
+                fontSize: 12,
+                fontWeight: 400,
+                fontFamily: 'Tahoma',
+                zIndex: 2,
+                opacity: this.isForbidden ? 0.5 : 1,
+            },
+        });
+        var desc = ((_g = this.config.data) === null || _g === void 0 ? void 0 : _g.displayName) || ((_h = this.config.data) === null || _h === void 0 ? void 0 : _h.description) || '';
+        var descLengh = getTextDomWidth(desc, 12, 'Tahoma');
+        var isDescExist = desc && descLengh > 0;
+        this.colText = new Text({
+            name: 'column-text',
+            style: {
+                x: COL_TEXT_X,
+                y: COL_TEXT_Y,
+                wordWrap: true,
+                wordWrapWidth: isDescExist ? 150 : 240,
+                textOverflow: 'ellipsis',
+                maxLines: 1,
+                text: name,
+                fill: '#171717',
+                fontSize: 12,
+                fontWeight: 400,
+                fontFamily: 'PingFang SC',
+                zIndex: 2,
+                opacity: this.isForbidden ? 0.5 : 1,
+            },
+        });
+        // desc
+        if (isDescExist) {
+            this.colDesc = new Text({
+                name: 'column-desc-text',
+                style: {
+                    x: NODE_WIDTH - 20 - COL_ORDER_TEXT_X,
+                    y: COL_TEXT_Y,
+                    wordWrap: true,
+                    wordWrapWidth: 85,
+                    textOverflow: 'ellipsis',
+                    textAlign: 'right',
+                    maxLines: 1,
+                    text: desc,
+                    fill: '#4B5563',
+                    fontSize: 12,
+                    fontWeight: 400,
+                    fontFamily: 'PingFang SC',
+                    zIndex: 2,
+                    opacity: this.isForbidden ? 0.5 : 1,
+                },
+            });
+            this.headerGroup.appendChild(this.colDesc);
+        }
+        // PK、FK
+        if (!_.isNil(constraint) && ['PK', 'FK'].includes(constraint)) {
+            var columnType = new Image({
+                style: {
+                    x: 190, // FIXME @yk
+                    y: COL_PK_FK_Y,
+                    width: 12,
+                    height: 12,
+                    img: constraint === 'PK' ? pkIcon : fkIcon,
+                    cursor: 'pointer',
+                    zIndex: 2,
+                },
+            });
+            this.headerGroup.appendChild(columnType);
+        }
+        if (!this.isForbidden &&
+            (this.config.isRelatedColumn || this.config.isStartNode)) {
+            this.renderSideIcon();
+            this.container.appendChild(this.bgHideRect);
+            this.container.appendChild(this.leftIcon);
+            this.container.appendChild(this.rightIcon);
+        }
+        this.container.appendChild(this.bgRect);
+        this.headerGroup.appendChild(colOrderText);
+        this.headerGroup.appendChild(this.colText);
+        this.container.appendChild(this.headerGroup);
+    };
+    ColumnNode.prototype.containerMouseEnter = function () {
+        this.node.isHoverColumn = true;
+        if (this.isForbidden)
+            return;
+        _super.prototype.containerMouseEnter.call(this);
+        this.showSideIcon();
+    };
+    ColumnNode.prototype.containerMouseLeave = function () {
+        _super.prototype.containerMouseLeave.call(this);
+        this.node.isHoverColumn = false;
+        this.hideSideIcon();
+    };
+    ColumnNode.prototype.destroy = function () {
+        var filteredArray = _.reject(this.node.config.relatedColumns, {
+            id: this.id,
+        });
+        this.node.config.relatedColumns = filteredArray;
+        if (filteredArray.length === 0) {
+            this.node.config.isRelated = false;
+        }
+        this.config = null;
+        this.node.update(this.node.config, this.node.container);
+    };
+    ColumnNode.prototype.isForbiddenColumn = function () {
+        var _this = this;
+        var _a, _b, _c;
+        return (!this.config.isRelatedColumn &&
+            ((_c = (_b = (_a = this.node) === null || _a === void 0 ? void 0 : _a.config) === null || _b === void 0 ? void 0 : _b.relatedColumns) === null || _c === void 0 ? void 0 : _c.some(function (c) { return c.id === _this.id && c.visible; })));
+    };
+    ColumnNode.prototype.handleHotspotExpand = function (data) {
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        var parsedData = data.resData;
+        if (parsedData.nodes.length > 1) {
+            // save prev start related column id
+            this.lineageManager.expandManager.prevStartRelatedColumnId =
+                this.config.id;
+        }
+        var newNodes = parsedData.nodes, newEdges = parsedData.edges;
+        var prevNodesConfig = this.lineageManager.parsedData.nodes;
+        var prevEdgesConfig = this.lineageManager.parsedData.edges;
+        // 如果是从起始列往下扩展并且不是同一个列，先清空之前所有节点下的的relatedColumns，再把新的parse后的列赋值给每一个表下
+        // 展开列是起始资产的列且展开列不是起始资产的第一个列
+        if (this.config.isStartNode &&
+            this.prevStartRelatedColumnId !== ((_a = this.config) === null || _a === void 0 ? void 0 : _a.id)) {
+            // find related nodes and edges
+            // 获取起始资产首列的上下游列，包含间接血缘
+            if (this.prevStartRelatedColumnId) {
+                prevEdgesConfig = prevEdgesConfig.filter(function (e) {
+                    return !e.data.relationTypeCode.includes('Column');
+                });
+            }
+            // clear all related columns
+            prevNodesConfig.forEach(function (n) {
+                // clear related edges
+                n.relatedColumns = [];
+            });
+        }
+        // difference nodes
+        // 去除nodes中id等于prevNodesConfig.id中的节点，得到改变深度后的额外节点
+        var differentObjects = _.differenceBy(newNodes, prevNodesConfig, 'id');
+        // common nodes
+        // 找出prevNodesConfig中id等于nodes中id的节点
+        var commonObjects = _.intersectionBy(prevNodesConfig, newNodes, 'id');
+        differentObjects.forEach(function (n) {
+            n.relatedColumns = n.children;
+            n.relatedColumns.forEach(function (col) {
+                col.isRelatedColumn = true;
+            });
+            n.children = [];
+            n.isFolded = false;
+            n.style.height = getNodeHeight(n);
+        });
+        commonObjects.forEach(function (n) {
+            n.isFolded = false;
+            // 展开后得到的所有节点中找到第一个交集节点
+            var sameNodeNew = newNodes.find(function (node) { return node.id === n.id; });
+            if (sameNodeNew) {
+                n.relatedColumns = _.unionBy(__spreadArray(__spreadArray([], __read(n.relatedColumns), false), __read(sameNodeNew.children), false), 'id');
+                n.relatedColumns.forEach(function (col) {
+                    col.isRelatedColumn = true;
+                });
+                n.style.height = getNodeHeight(n);
+            }
+            sameNodeNew.data.isHotspot =
+                n.data.isHotspot || sameNodeNew.data.isHotspot;
+        });
+        // show related edges
+        newEdges.forEach(function (e) {
+            var prevEdge = prevEdgesConfig.find(function (edge) { return edge.id === e.id; });
+            if (prevEdge) {
+                prevEdge.isFolded = false;
+                //
+                if (e.relationType !== prevEdge.relationType) {
+                    prevEdge.relationType = EDashType.ALL;
+                    prevEdge.style.strokeDasharray = [0];
+                }
+            }
+            else {
+                e.isFolded = false;
+            }
+        });
+        var newNodesConfig = _.concat(prevNodesConfig, differentObjects);
+        //
+        var newEdgesConfig = _.unionBy(__spreadArray(__spreadArray([], __read(prevEdgesConfig), false), __read(newEdges), false), 'id');
+        // update related column position
+        newNodesConfig.forEach(function (n) {
+            n.relatedColumns
+                .sort(function (a, b) {
+                var _a, _b;
+                return ((_a = a.data) === null || _a === void 0 ? void 0 : _a.position) - ((_b = b.data) === null || _b === void 0 ? void 0 : _b.position);
+            })
+                .forEach(function (col, i) {
+                col.position = {
+                    x: 0,
+                    y: i * COL_HEIGHT,
+                };
+            });
+        });
+        this.lineageManager.setData({
+            nodes: newNodesConfig,
+            edges: newEdgesConfig,
+        });
+        var onlyShowRelated = !!((_c = (_b = this.lineageManager) === null || _b === void 0 ? void 0 : _b.rightKeyMenuManager) === null || _c === void 0 ? void 0 : _c.onlyShowRelated);
+        if (!onlyShowRelated) {
+            var currRelatedColumn = this.node.config.relatedColumns.find(function (col) { return col.id === _this.config.id; });
+            // update active nodes
+            (_d = this.lineageManager) === null || _d === void 0 ? void 0 : _d.updateActiveNodes([currRelatedColumn]);
+            // cache related edges
+            (_e = this.lineageManager) === null || _e === void 0 ? void 0 : _e.setRelatedNodesAndEdges(this.config, false);
+        }
+        else {
+            // update active nodes
+            (_f = this.lineageManager) === null || _f === void 0 ? void 0 : _f.updateActiveNodes([
+                this.lineageManager.cachedRelatedNodeConfig,
+            ]);
+            // cache related edges
+            (_g = this.lineageManager) === null || _g === void 0 ? void 0 : _g.setRelatedNodesAndEdges(this.lineageManager.cachedRelatedNodeConfig);
+        }
+        // calc fold nodes
+        (_h = this.lineageManager) === null || _h === void 0 ? void 0 : _h.updateFoldStatus(this.lineageManager.foldLineageManager.isFoldChecked);
+    };
+    return ColumnNode;
+}(DefaultNode));
+export { ColumnNode };
+//# sourceMappingURL=ColumnNode.js.map