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

package/dist/components/Nodes/task/Column.js

@@ -0,0 +1,222 @@
+import { __decorate, __extends, __metadata } from "tslib";
+import { BaseNode, Graph, Image, Rect, Text } from '@aloudata/ink-graph';
+import _ from 'lodash';
+import { RECT_LINE_WIDTH } from '../ constants';
+import { COL_HEIGHT, COL_ORDER_TEXT_X, COL_ORDER_TEXT_Y, COL_TEXT_X, COL_TEXT_Y, } from '../ constants/column';
+import { TABLE_WIDTH } from '../ constants/table';
+import fkIcon from '../assets/fk.svg';
+import pkIcon from '../assets/pk.svg';
+import { ColumnEvents } from '../events/ColumnEvents';
+import { IColumnConfig } from '../types';
+import { TableNode } from './TableNode';
+var Column = /** @class */ (function (_super) {
+    __extends(Column, _super);
+    function Column(graph, config, node, position) {
+        var _this = _super.call(this, graph, config) || this;
+        _this.graph = graph;
+        _this.config = config;
+        _this.node = node;
+        _this.position = position;
+        _this.render();
+        return _this;
+    }
+    Object.defineProperty(Column.prototype, "lineageMgr", {
+        get: function () {
+            return this.graph.lineageManager;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Column.prototype.render = function () {
+        var _a, _b, _c, _d;
+        if (!this.config.data)
+            return;
+        this.container.name = 'column-group';
+        this.container.style.y = this.position * COL_HEIGHT;
+        this.container.style.cursor = 'default';
+        this.container.node = this;
+        var _e = this.config.data, position = _e.position, name = _e.name, constraint = _e.constraint;
+        this.isForbidden = this.isForbiddenColumn();
+        this.container.style.zIndex = this.config.style.zIndex;
+        this.bgRect = new Rect({
+            name: 'column-bgRect',
+            style: {
+                x: 8,
+                fill: ((_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.fill) || '#fff',
+                stroke: ((_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: TABLE_WIDTH - 16,
+                height: COL_HEIGHT,
+                zIndex: 0,
+            },
+        });
+        // 用于hover到sideIcon区域时也能显示sideIcon
+        var colHideRect = new Rect({
+            name: 'column-bgRect-hide',
+            style: {
+                x: -20,
+                fill: '#0000',
+                stroke: '#0000',
+                lineWidth: RECT_LINE_WIDTH,
+                width: TABLE_WIDTH + 40,
+                height: COL_HEIGHT - 1,
+                zIndex: 9,
+                cursor: this.isForbidden ? 'not-allowed' : 'default',
+            },
+        });
+        var colOrderText = new Text({
+            style: {
+                x: COL_ORDER_TEXT_X + 8,
+                y: COL_ORDER_TEXT_Y,
+                text: position || '-',
+                fill: '#A2A2A2',
+                fontSize: 12,
+                fontWeight: 400,
+                fontFamily: 'Tahoma',
+                zIndex: 2,
+                opacity: this.isForbidden ? 0.5 : 1,
+            },
+        });
+        this.colText = new Text({
+            name: 'column-text',
+            style: {
+                x: COL_TEXT_X + 8,
+                y: COL_TEXT_Y,
+                wordWrap: true,
+                wordWrapWidth: 130,
+                textOverflow: 'ellipsis',
+                maxLines: 1,
+                text: name,
+                fill: '#171717',
+                fontSize: 12,
+                fontWeight: 400,
+                fontFamily: 'PingFang SC',
+                zIndex: 2,
+                opacity: this.isForbidden ? 0.5 : 1,
+            },
+        });
+        this.container.appendChild(colHideRect);
+        this.container.appendChild(this.bgRect);
+        this.container.appendChild(colOrderText);
+        this.container.appendChild(this.colText);
+        // PK、FK
+        if (!_.isNil(constraint) && ['PK', 'FK'].includes(constraint)) {
+            var columnType = new Image({
+                style: {
+                    x: 190,
+                    y: 8,
+                    width: 12,
+                    height: 12,
+                    img: constraint === 'PK' ? pkIcon : fkIcon,
+                    cursor: 'pointer',
+                    zIndex: 2,
+                },
+            });
+            this.container.appendChild(columnType);
+        }
+    };
+    Column.prototype.isForbiddenColumn = function () {
+        var _this = this;
+        return (!this.config.isRelatedColumn &&
+            this.node.config.relatedColumns.some(function (c) { return c.id === _this.id && c.visible; }));
+    };
+    Column.prototype.setActive = function () {
+        if (!this.config)
+            return;
+        this.config.isActive = true;
+        this.config.style.stroke = '#3271C9';
+        this.config.style.fill = '#A9CFFB';
+        this.config.style.zIndex = 3;
+    };
+    Column.prototype.resetActive = function () {
+        if (!this.config)
+            return;
+        this.config.isActive = false;
+        this.config.style.stroke = '#DBDBDB';
+        this.config.style.fill = '#fff';
+        this.config.style.zIndex = 2;
+    };
+    Column.prototype.setRelated = function () {
+        if (!this.config)
+            return;
+        this.config.style.stroke = '#3271C9';
+        if (!this.config.isActive) {
+            this.config.style.fill = '#E4EFFF';
+        }
+        this.config.style.zIndex = 3;
+    };
+    Column.prototype.resetRelated = function () {
+        if (!this.config)
+            return;
+        this.config.style.stroke = '#DBDBDB';
+        if (!this.config.isActive) {
+            this.config.style.fill = '#fff';
+        }
+        this.config.style.zIndex = 2;
+    };
+    Column.prototype.setHighLight = function (isSearch) {
+        var _a, _b;
+        if (isSearch === void 0) { isSearch = false; }
+        if (isSearch) {
+            (_a = this.bgRect) === null || _a === void 0 ? void 0 : _a.setAttribute('stroke', '#FFC04D');
+            (_b = this.bgRect) === null || _b === void 0 ? void 0 : _b.setAttribute('fill', '#FFD180');
+        }
+        else if (this.lineageMgr.currentClickId.includes(this.id)) {
+            this.config.style.stroke = '#FFC04D';
+            this.config.style.fill = '#FFD180';
+            this.config.style.zIndex = 3;
+        }
+        else {
+            return this.config.isActive ? this.setActive() : this.setRelated();
+        }
+    };
+    Column.prototype.resetHighLight = function () {
+        var _a, _b;
+        (_a = this.bgRect) === null || _a === void 0 ? void 0 : _a.setAttribute('stroke', '#E8E8E8');
+        (_b = this.bgRect) === null || _b === void 0 ? void 0 : _b.setAttribute('fill', '#FFF');
+    };
+    Column.prototype.onHover = function () {
+        if (!this.config)
+            return;
+        if (this.config.style.stroke === '#3271C9')
+            return;
+        this.bgRect.setAttribute('stroke', '#3271C9');
+        this.container.setAttribute('zIndex', 3);
+    };
+    Column.prototype.onLeave = function () {
+        if (!this.config)
+            return;
+        if (this.config.style.stroke === '#3271C9')
+            return;
+        this.bgRect.setAttribute('stroke', '#DBDBDB');
+        this.container.setAttribute('zIndex', 2);
+    };
+    Column.prototype.update = function () {
+        var parentNode = this.container.parentNode;
+        this.container.removeChildren();
+        parentNode === null || parentNode === void 0 ? void 0 : parentNode.removeChild(this.container);
+        this.render();
+        parentNode === null || parentNode === void 0 ? void 0 : parentNode.appendChild(this.container);
+        // update position
+        this.container.setPosition(this.config.position.x, this.config.position.y);
+    };
+    Column.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();
+    };
+    var _a, _b;
+    Column = __decorate([
+        ColumnEvents,
+        __metadata("design:paramtypes", [typeof (_a = typeof Graph !== "undefined" && Graph) === "function" ? _a : Object, typeof (_b = typeof IColumnConfig !== "undefined" && IColumnConfig) === "function" ? _b : Object, TableNode, Number])
+    ], Column);
+    return Column;
+}(BaseNode));
+export { Column };
+//# sourceMappingURL=Column.js.map

package/dist/components/Nodes/task/Column.js.map

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

package/dist/components/Nodes/task/CustomNode.d.ts

@@ -0,0 +1,38 @@
+import { BaseNode, Group, Image, Rect, Text } from '@aloudata/ink-graph';
+import { INodeConfig } from '../types';
+import { Column } from './Column';
+export declare class CustomNode extends BaseNode<INodeConfig> {
+    type: string;
+    headerGroup: Rect;
+    bgRect: Rect;
+    headerName: Text;
+    headerAssetPath: Text;
+    headerNodeType: Text;
+    tableRelatedGroup: Rect;
+    tableRelatedColumnsGroup: Group;
+    tableControlGroup: Rect;
+    columnCountText: Text;
+    toggleGroup: Group;
+    columnToggleText: Text;
+    columnToggleImage: Image;
+    tableContentGroup: Group;
+    colGroup: Rect;
+    paginationGroup: Group;
+    leftIcon: Image;
+    rightIcon: Image;
+    paginationPrevImage: Image;
+    paginationNextImage: Image;
+    children: Column[];
+    relatedColumns: Column[];
+    isHoverColumn: boolean;
+    render(config: INodeConfig): void;
+    renderDirectionTag(): void;
+    renderHeader(): void;
+    updateNodeHeight(): void;
+    setHighLight(): void;
+    resetHighLight(): void;
+    initEvents(): void;
+    update(): void;
+    destroy(): void;
+}
+//# sourceMappingURL=CustomNode.d.ts.map

package/dist/components/Nodes/task/CustomNode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomNode.d.ts","sourceRoot":"","sources":["../../../../src/components/Nodes/task/CustomNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAkBzE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGvC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,qBAAa,UAAW,SAAQ,QAAQ,CAAC,WAAW,CAAC;IACnD,IAAI,SAAM;IAEV,WAAW,EAAE,IAAI,CAAC;IAElB,MAAM,EAAE,IAAI,CAAC;IAEb,UAAU,EAAE,IAAI,CAAC;IAEjB,eAAe,EAAE,IAAI,CAAC;IAEtB,cAAc,EAAE,IAAI,CAAC;IAErB,iBAAiB,EAAE,IAAI,CAAC;IAExB,wBAAwB,EAAE,KAAK,CAAC;IAEhC,iBAAiB,EAAE,IAAI,CAAC;IAExB,eAAe,EAAE,IAAI,CAAC;IAEtB,WAAW,EAAE,KAAK,CAAC;IAEnB,gBAAgB,EAAE,IAAI,CAAC;IAEvB,iBAAiB,EAAE,KAAK,CAAC;IAEzB,iBAAiB,EAAE,KAAK,CAAC;IAEzB,QAAQ,EAAE,IAAI,CAAC;IAEf,eAAe,EAAE,KAAK,CAAC;IAEvB,QAAQ,EAAE,KAAK,CAAC;IAEhB,SAAS,EAAE,KAAK,CAAC;IAEjB,mBAAmB,EAAE,KAAK,CAAC;IAE3B,mBAAmB,EAAE,KAAK,CAAC;IAE3B,QAAQ,EAAE,MAAM,EAAE,CAAM;IAExB,cAAc,EAAE,MAAM,EAAE,CAAM;IAE9B,aAAa,EAAE,OAAO,CAAS;IAE/B,MAAM,CAAC,MAAM,EAAE,WAAW;IAiB1B,kBAAkB;IAwDlB,YAAY;IAsHZ,gBAAgB;IAKhB,YAAY;IAKZ,cAAc;IAKd,UAAU;IA0DV,MAAM,IAAI,IAAI;IAYd,OAAO;CACR"}

package/dist/components/Nodes/task/CustomNode.js

@@ -0,0 +1,272 @@
+import { __extends, __read, __spreadArray } from "tslib";
+import { BaseNode, Group, Image, Rect, Text } from '@aloudata/ink-graph';
+import { getDataSourceTypeIcon } from '@/components/DataSourceTypeIcon/getDataSourceTypeIcon';
+import { EDirection } from '@/typings';
+import { RECT_LINE_WIDTH } from '../ constants';
+import { TABLE_HEADER_HEIGHT, TABLE_RECT_BORDER_RADIUS, TABLE_TAG_HEIGHT, TABLE_WIDTH, } from '../ constants/table';
+import tablePaginationNext from '../assets/tablePaginationNext.svg';
+import tablePaginationNextClick from '../assets/tablePaginationNextClick.svg';
+import tablePaginationNextHover from '../assets/tablePaginationNextHover.svg';
+import tablePaginationPrev from '../assets/tablePaginationPrev.svg';
+import tablePaginationPrevClick from '../assets/tablePaginationPrevClick.svg';
+import tablePaginationPrevHover from '../assets/tablePaginationPrevHover.svg';
+import { EEntityType } from '../types/table';
+import { getEntityTypeIcon } from '../utils';
+var CustomNode = /** @class */ (function (_super) {
+    __extends(CustomNode, _super);
+    function CustomNode() {
+        var _this = _super.apply(this, __spreadArray([], __read(arguments), false)) || this;
+        _this.type = '';
+        _this.children = [];
+        _this.relatedColumns = [];
+        _this.isHoverColumn = false;
+        return _this;
+    }
+    CustomNode.prototype.render = function (config) {
+        var isStartNode = config.isStartNode, visible = config.visible;
+        if (visible === false)
+            return;
+        if (isStartNode) {
+            // render start node tag
+            this.renderDirectionTag();
+        }
+        this.renderHeader();
+        this.updateNodeHeight();
+        // init events
+        this.initEvents();
+    };
+    CustomNode.prototype.renderDirectionTag = function () {
+        var directionWord = '';
+        var _a = this.config.data, type = _a.type, direction = _a.direction;
+        if (type === EEntityType.TEMP_TABLE)
+            return;
+        switch (direction) {
+            case EDirection.INPUT:
+                directionWord = '输入资产';
+                break;
+            case EDirection.OUTPUT:
+                directionWord = '输出资产';
+                break;
+            case EDirection.BOTH:
+                directionWord = '输入/输出资产';
+                break;
+        }
+        if (!directionWord)
+            return;
+        var tagGroup = new Group({
+            name: 'tag',
+        });
+        var tagRect = new Rect({
+            style: {
+                x: -1,
+                y: -TABLE_TAG_HEIGHT,
+                width: TABLE_WIDTH + 2,
+                height: TABLE_TAG_HEIGHT,
+                stroke: '#D1D5DB',
+                fill: '#CA8A04',
+                lineWidth: 1,
+                // radius: [4, 4, 0, 0],
+            },
+        });
+        var tagText = new Text({
+            style: {
+                x: 8,
+                y: -17,
+                lineHeight: 16,
+                text: directionWord,
+                fontSize: 12,
+                fontWeight: 400,
+                fontFamily: 'PingFang SC',
+                textBaseline: 'top',
+                fill: '#FFF',
+            },
+        });
+        tagGroup.appendChild(tagRect);
+        tagGroup.appendChild(tagText);
+        this.container.appendChild(tagGroup);
+    };
+    CustomNode.prototype.renderHeader = function () {
+        var _a = this.config, data = _a.data, isStartNode = _a.isStartNode;
+        var name = data.name, assetPath = data.assetPath, datasourceType = data.datasourceType, typeCode = data.typeCode;
+        // table header 的group
+        this.headerGroup = new Rect({
+            name: 'table-header-group',
+            style: {
+                x: -1,
+                y: 1,
+                width: TABLE_WIDTH + 2,
+                height: TABLE_HEADER_HEIGHT,
+                stroke: this.config.style.stroke || '#B1B1B1',
+                zIndex: this.config.style.zIndex || 2,
+                lineWidth: RECT_LINE_WIDTH,
+                radius: isStartNode
+                    ? [0, 0, TABLE_RECT_BORDER_RADIUS, TABLE_RECT_BORDER_RADIUS]
+                    : TABLE_RECT_BORDER_RADIUS,
+            },
+        });
+        this.headerGroup.node = this;
+        this.bgRect = new Rect({
+            style: {
+                x: 1,
+                y: 1,
+                fill: this.config.style.fill || '#FFFFFF',
+                width: TABLE_WIDTH,
+                height: TABLE_HEADER_HEIGHT,
+                radius: isStartNode
+                    ? 0
+                    : [TABLE_RECT_BORDER_RADIUS, TABLE_RECT_BORDER_RADIUS, 0, 0],
+            },
+        });
+        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: 172,
+                maxLines: 2,
+                textOverflow: 'ellipsis',
+                fill: '#171717',
+            },
+        });
+        var entityTypeIcon = new Image({
+            style: {
+                x: 12,
+                y: 12,
+                width: 20,
+                height: 20,
+                img: getEntityTypeIcon(typeCode, data.type),
+                cursor: 'pointer',
+            },
+        });
+        var sourceTypeIcon = new Image({
+            style: {
+                x: 12,
+                y: 36,
+                width: 16,
+                height: 16,
+                img: getDataSourceTypeIcon(datasourceType),
+                cursor: 'pointer',
+            },
+        });
+        this.headerAssetPath = new Text({
+            style: {
+                x: 36,
+                y: 40,
+                lineHeight: 16,
+                textOverflow: 'ellipsis',
+                text: assetPath,
+                fontSize: 12,
+                fontWeight: 400,
+                fontFamily: 'PingFang SC',
+                textBaseline: 'top',
+                wordWrap: true,
+                wordWrapWidth: 172,
+                maxLines: 1,
+                textAlign: 'start',
+                fill: '#858585',
+            },
+        });
+        // 用于hover到sideIcon区域时也能显示sideIcon
+        var bgHideRect = new Rect({
+            name: 'column-bgRect-hide',
+            style: {
+                x: -20,
+                fill: '#0000',
+                stroke: '#0000',
+                width: TABLE_WIDTH + 40,
+                height: TABLE_HEADER_HEIGHT,
+                zIndex: 9,
+            },
+        });
+        this.headerGroup.appendChild(bgHideRect);
+        this.headerGroup.appendChild(this.bgRect);
+        this.headerGroup.appendChild(this.headerName);
+        this.headerGroup.appendChild(entityTypeIcon);
+        this.headerGroup.appendChild(sourceTypeIcon);
+        this.headerGroup.appendChild(this.headerAssetPath);
+        this.container.appendChild(this.headerGroup);
+    };
+    CustomNode.prototype.updateNodeHeight = function () {
+        var tagHeight = this.config.isStartNode ? TABLE_TAG_HEIGHT : -1;
+        this.headerGroup.style.height = this.container.getBBox().height - tagHeight;
+    };
+    CustomNode.prototype.setHighLight = function () {
+        var _a, _b;
+        (_a = this.bgRect) === null || _a === void 0 ? void 0 : _a.setAttribute('stroke', '#FFC04D');
+        (_b = this.bgRect) === null || _b === void 0 ? void 0 : _b.setAttribute('fill', '#FFD180');
+    };
+    CustomNode.prototype.resetHighLight = function () {
+        var _a, _b;
+        (_a = this.bgRect) === null || _a === void 0 ? void 0 : _a.setAttribute('stroke', '#E8E8E8');
+        (_b = this.bgRect) === null || _b === void 0 ? void 0 : _b.setAttribute('fill', '#FFF');
+    };
+    CustomNode.prototype.initEvents = function () {
+        var _this = this;
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        this.container.addEventListener('mouseenter', function () {
+            // this.onHover();
+        });
+        this.container.addEventListener('mouseleave', function () {
+            // this.onLeave();
+        });
+        (_a = this.paginationPrevImage) === null || _a === void 0 ? void 0 : _a.addEventListener('mousedown', function () {
+            if (_this.config.pagination.pageNum > 1) {
+                _this.paginationPrevImage.setAttribute('img', tablePaginationPrevClick);
+            }
+        });
+        (_b = this.paginationPrevImage) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseup', function () {
+            if (_this.config.pagination.pageNum > 1) {
+                _this.paginationPrevImage.setAttribute('img', tablePaginationPrev);
+            }
+        });
+        (_c = this.paginationPrevImage) === null || _c === void 0 ? void 0 : _c.addEventListener('mouseenter', function () {
+            if (_this.config.pagination.pageNum > 1) {
+                _this.paginationPrevImage.setAttribute('img', tablePaginationPrevHover);
+            }
+        });
+        (_d = this.paginationPrevImage) === null || _d === void 0 ? void 0 : _d.addEventListener('mouseleave', function () {
+            if (_this.config.pagination.pageNum > 1) {
+                _this.paginationPrevImage.setAttribute('img', tablePaginationPrev);
+            }
+        });
+        (_e = this.paginationNextImage) === null || _e === void 0 ? void 0 : _e.addEventListener('mousedown', function () {
+            if (_this.config.pagination.pageNum < _this.config.pagination.totalPage) {
+                _this.paginationNextImage.setAttribute('img', tablePaginationNextClick);
+            }
+        });
+        (_f = this.paginationNextImage) === null || _f === void 0 ? void 0 : _f.addEventListener('mouseup', function () {
+            if (_this.config.pagination.pageNum < _this.config.pagination.totalPage) {
+                _this.paginationNextImage.setAttribute('img', tablePaginationNext);
+            }
+        });
+        (_g = this.paginationNextImage) === null || _g === void 0 ? void 0 : _g.addEventListener('mouseenter', function () {
+            if (_this.config.pagination.pageNum < _this.config.pagination.totalPage) {
+                _this.paginationNextImage.setAttribute('img', tablePaginationNextHover);
+            }
+        });
+        (_h = this.paginationNextImage) === null || _h === void 0 ? void 0 : _h.addEventListener('mouseleave', function () {
+            if (_this.config.pagination.pageNum < _this.config.pagination.totalPage) {
+                _this.paginationNextImage.setAttribute('img', tablePaginationNext);
+            }
+        });
+    };
+    CustomNode.prototype.update = function () {
+        var parentNode = this.container.parentNode;
+        this.container.removeChildren();
+        parentNode === null || parentNode === void 0 ? void 0 : parentNode.removeChild(this.container);
+        this.render(this.config);
+        parentNode === null || parentNode === void 0 ? void 0 : parentNode.appendChild(this.container);
+        // update position
+        this.container.setPosition(this.config.position.x, this.config.position.y);
+    };
+    CustomNode.prototype.destroy = function () { };
+    return CustomNode;
+}(BaseNode));
+export { CustomNode };
+//# sourceMappingURL=CustomNode.js.map

package/dist/components/Nodes/task/CustomNode.js.map

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

package/dist/components/Nodes/task/TableNode copy.d.ts

@@ -0,0 +1,51 @@
+import { BaseNode, Group, Image, Rect, Text } from '@aloudata/ink-graph';
+import { INodeConfig } from '../types';
+import { Column } from './Column';
+export declare class TableNode extends BaseNode<INodeConfig> {
+    type: string;
+    headerGroup: Rect;
+    bgRect: Rect;
+    headerName: Text;
+    headerAssetPath: Text;
+    headerNodeType: Text;
+    tableRelatedGroup: Rect;
+    tableRelatedColumnsGroup: Group;
+    tableControlGroup: Rect;
+    columnCountText: Text;
+    toggleGroup: Group;
+    columnToggleText: Text;
+    columnToggleImage: Image;
+    tableContentGroup: Group;
+    colGroup: Rect;
+    paginationGroup: Group;
+    leftIcon: Image;
+    rightIcon: Image;
+    paginationPrevImage: Image;
+    paginationNextImage: Image;
+    children: Column[];
+    relatedColumns: Column[];
+    isHoverColumn: boolean;
+    get lineageMgr(): any;
+    render(config: INodeConfig): void;
+    renderHeader(): void;
+    renderRelatedContent(): void;
+    renderDirectionTag(): void;
+    renderDirectionBorder(): void;
+    renderControlBar(): void;
+    renderColumns(): void;
+    updateNodeHeight(): void;
+    calculatePaginationData(): void;
+    renderPagination(): void;
+    setActive(): void;
+    resetActive(): void;
+    setRelated(): void;
+    resetRelated(): void;
+    setHighLight(isSearch?: boolean): void;
+    resetHighLight(): void;
+    onHover(): void;
+    onLeave(): void;
+    initEvents(): void;
+    update(): void;
+    destroy(): void;
+}
+//# sourceMappingURL=TableNode%20copy.d.ts.map

package/dist/components/Nodes/task/TableNode copy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableNode copy.d.ts","sourceRoot":"","sources":["../../../../src/components/Nodes/task/TableNode copy.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EAER,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACL,MAAM,qBAAqB,CAAC;AAyB7B,OAAO,EAAiB,WAAW,EAAE,MAAM,UAAU,CAAC;AAGtD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,qBACa,SAAU,SAAQ,QAAQ,CAAC,WAAW,CAAC;IAClD,IAAI,SAAM;IAEV,WAAW,EAAE,IAAI,CAAC;IAElB,MAAM,EAAE,IAAI,CAAC;IAEb,UAAU,EAAE,IAAI,CAAC;IAEjB,eAAe,EAAE,IAAI,CAAC;IAEtB,cAAc,EAAE,IAAI,CAAC;IAErB,iBAAiB,EAAE,IAAI,CAAC;IAExB,wBAAwB,EAAE,KAAK,CAAC;IAEhC,iBAAiB,EAAE,IAAI,CAAC;IAExB,eAAe,EAAE,IAAI,CAAC;IAEtB,WAAW,EAAE,KAAK,CAAC;IAEnB,gBAAgB,EAAE,IAAI,CAAC;IAEvB,iBAAiB,EAAE,KAAK,CAAC;IAEzB,iBAAiB,EAAE,KAAK,CAAC;IAEzB,QAAQ,EAAE,IAAI,CAAC;IAEf,eAAe,EAAE,KAAK,CAAC;IAEvB,QAAQ,EAAE,KAAK,CAAC;IAEhB,SAAS,EAAE,KAAK,CAAC;IAEjB,mBAAmB,EAAE,KAAK,CAAC;IAE3B,mBAAmB,EAAE,KAAK,CAAC;IAE3B,QAAQ,EAAE,MAAM,EAAE,CAAM;IAExB,cAAc,EAAE,MAAM,EAAE,CAAM;IAE9B,aAAa,EAAE,OAAO,CAAS;IAE/B,IAAI,UAAU,QAEb;IAED,MAAM,CAAC,MAAM,EAAE,WAAW;IA4B1B,YAAY;IAsHZ,oBAAoB;IAgDpB,kBAAkB;IAgElB,qBAAqB;IA2CrB,gBAAgB;IA2DhB,aAAa;IAqDb,gBAAgB;IAKhB,uBAAuB;IAYvB,gBAAgB;IAuGhB,SAAS;IAQT,WAAW;IASX,UAAU;IAaV,YAAY;IAaZ,YAAY,CAAC,QAAQ,UAAQ;IAY7B,cAAc;IAKd,OAAO;IASP,OAAO;IASP,UAAU;IA0DV,MAAM,IAAI,IAAI;IAYd,OAAO;CACR"}