@aloudata/ink-lineage 0.0.1-beta.35 → 0.0.1-beta.36

package/dist/decorators/Column/BaseComponent.js

@@ -0,0 +1,129 @@
+import { getTextDomWidth, Rect, Text, Image } from '@aloudata/ink-graph-new';
+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';
+var BaseComponent = /** @class */ (function () {
+    function BaseComponent(node) {
+        this.node = node;
+    }
+    BaseComponent.prototype.renderBase = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h;
+        this.node.container.name = 'column-group';
+        this.node.container.style.y = this.node.position * COL_HEIGHT;
+        this.node.container.style.cursor = 'default';
+        var _j = this.node.config.data, position = _j.position, name = _j.name;
+        this.node.isForbidden = this.node.isForbiddenColumn();
+        this.node.container.style.zIndex = this.node.config.style.zIndex;
+        this.node.bgRect = new Rect({
+            name: 'column-bgRect',
+            style: {
+                x: 8,
+                fill: this.node.isForbidden
+                    ? '#fff'
+                    : ((_b = (_a = this.node.config) === null || _a === void 0 ? void 0 : _a.style) === null || _b === void 0 ? void 0 : _b.fill) || '#fff',
+                stroke: this.node.isForbidden
+                    ? '#DBDBDB'
+                    : ((_d = (_c = this.node.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.node.container.appendChild(this.node.bgRect);
+        this.node.headerGroup = new Rect({
+            style: {
+                x: 9,
+                y: 1,
+                width: NODE_WIDTH - 16 - 2,
+                height: 30,
+                zIndex: 10,
+                cursor: 'pointer',
+                fill: this.node.isForbidden
+                    ? '#fff'
+                    : ((_f = (_e = this.node.config) === null || _e === void 0 ? void 0 : _e.style) === null || _f === void 0 ? void 0 : _f.fill) || '#fff',
+            },
+        });
+        this.node.container.appendChild(this.node.headerGroup);
+        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.node.isForbidden ? 0.5 : 1,
+            },
+        });
+        this.node.headerGroup.appendChild(colOrderText);
+        var desc = ((_g = this.node.config.data) === null || _g === void 0 ? void 0 : _g.displayName) ||
+            ((_h = this.node.config.data) === null || _h === void 0 ? void 0 : _h.description) ||
+            '';
+        var descLengh = getTextDomWidth(desc, 12, 'Tahoma');
+        var isDescExist = desc && descLengh > 0;
+        this.node.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.node.isForbidden ? 0.5 : 1,
+            },
+        });
+        this.node.headerGroup.appendChild(this.node.colText);
+    };
+    BaseComponent.prototype.renderDesc = function () {
+        var _a, _b;
+        var desc = ((_a = this.node.config.data) === null || _a === void 0 ? void 0 : _a.displayName) ||
+            ((_b = this.node.config.data) === null || _b === void 0 ? void 0 : _b.description) ||
+            '';
+        this.node.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.node.isForbidden ? 0.5 : 1,
+            },
+        });
+        this.node.headerGroup.appendChild(this.node.colDesc);
+    };
+    BaseComponent.prototype.renderPkFk = function () {
+        var constraint = this.node.config.data.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.node.headerGroup.appendChild(columnType);
+    };
+    return BaseComponent;
+}());
+export { BaseComponent };
+//# sourceMappingURL=BaseComponent.js.map

package/dist/decorators/Column/BaseComponent.js.map

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

package/dist/decorators/Column/TableColunm.d.ts

@@ -0,0 +1,11 @@
+import { Group } from "@aloudata/ink-graph-new";
+import { ColumnNode } from "../../components";
+export declare class TableColumn {
+    private baseComponent;
+    private sideIconComponent;
+    private node;
+    constructor(node: ColumnNode);
+    render(): void;
+    renderSideIcon(parent?: Group): void;
+}
+//# sourceMappingURL=TableColunm.d.ts.map

package/dist/decorators/Column/TableColunm.js

@@ -0,0 +1,31 @@
+import { getTextDomWidth } from "@aloudata/ink-graph-new";
+import { SideIcon } from "../SideIcon";
+import { BaseComponent } from "./BaseComponent";
+import _ from "lodash";
+var TableColumn = /** @class */ (function () {
+    function TableColumn(node) {
+        this.node = node;
+        this.baseComponent = new BaseComponent(node);
+        this.sideIconComponent = new SideIcon(node);
+    }
+    TableColumn.prototype.render = function () {
+        var _a, _b, _c, _d;
+        this.baseComponent.renderBase();
+        var desc = ((_a = this.node.config.data) === null || _a === void 0 ? void 0 : _a.displayName) || ((_b = this.node.config.data) === null || _b === void 0 ? void 0 : _b.description) || '';
+        var descLength = getTextDomWidth(desc, 12, 'Tahoma');
+        var isDescExist = desc && descLength > 0;
+        if (isDescExist) {
+            this.baseComponent.renderDesc();
+        }
+        if (!_.isNil((_c = this.node.config.data) === null || _c === void 0 ? void 0 : _c.constraint) && ['PK', 'FK'].includes((_d = this.node.config.data) === null || _d === void 0 ? void 0 : _d.constraint)) {
+            this.baseComponent.renderPkFk();
+        }
+    };
+    TableColumn.prototype.renderSideIcon = function (parent) {
+        var _a, _b;
+        (_b = (_a = this.sideIconComponent).renderSideIcon) === null || _b === void 0 ? void 0 : _b.call(_a, parent);
+    };
+    return TableColumn;
+}());
+export { TableColumn };
+//# sourceMappingURL=TableColunm.js.map

package/dist/decorators/Column/TableColunm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableColunm.js","sourceRoot":"","sources":["../../../src/decorators/Column/TableColunm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAS,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,CAAC,MAAM,QAAQ,CAAC;AAGvB;IAKI,qBAAY,IAAgB;QACxB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;QAC7C,IAAI,CAAC,iBAAiB,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;IAChD,CAAC;IAED,4BAAM,GAAN;;QACI,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;QAEhC,IAAM,IAAI,GACN,CAAA,MAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,0CAAE,WAAW,MAAI,MAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,0CAAE,WAAW,CAAA,IAAI,EAAE,CAAC;QACnF,IAAM,UAAU,GAAG,eAAe,CAAC,IAAI,EAAE,EAAE,EAAE,QAAQ,CAAC,CAAC;QACvD,IAAM,WAAW,GAAG,IAAI,IAAI,UAAU,GAAG,CAAC,CAAC;QAE3C,IAAI,WAAW,EAAE,CAAC;YACd,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;QACpC,CAAC;QAED,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,MAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,0CAAE,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,0CAAE,UAAU,CAAC,EAAE,CAAC;YAC1G,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;QACpC,CAAC;IACL,CAAC;IAED,oCAAc,GAAd,UAAe,MAAc;;QACzB,MAAA,MAAA,IAAI,CAAC,iBAAiB,EAAC,cAAc,mDAAG,MAAM,CAAC,CAAC;IACpD,CAAC;IAEL,kBAAC;AAAD,CAAC,AAhCD,IAgCC"}

package/dist/decorators/Column/TaskColumn.d.ts

@@ -0,0 +1,7 @@
+import { TaskColumnNode } from "../../components";
+export declare class TaskColumn {
+    private baseComponent;
+    constructor(node: TaskColumnNode);
+    render(): void;
+}
+//# sourceMappingURL=TaskColumn.d.ts.map

package/dist/decorators/Column/TaskColumn.js

@@ -0,0 +1,12 @@
+import { BaseComponent } from "./BaseComponent";
+var TaskColumn = /** @class */ (function () {
+    function TaskColumn(node) {
+        this.baseComponent = new BaseComponent(node);
+    }
+    TaskColumn.prototype.render = function () {
+        this.baseComponent.renderBase();
+    };
+    return TaskColumn;
+}());
+export { TaskColumn };
+//# sourceMappingURL=TaskColumn.js.map

package/dist/decorators/Column/TaskColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TaskColumn.js","sourceRoot":"","sources":["../../../src/decorators/Column/TaskColumn.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD;IAGI,oBAAY,IAAoB;QAC5B,IAAI,CAAC,aAAa,GAAG,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IACjD,CAAC;IAED,2BAAM,GAAN;QACI,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;IACpC,CAAC;IAEL,iBAAC;AAAD,CAAC,AAXD,IAWC"}

package/dist/decorators/CustomHeader.d.ts

@@ -0,0 +1,10 @@
+import { CustomNode } from '../components';
+export declare class CustomHeader {
+    private baseComponent;
+    private sideIconComponent;
+    private node;
+    constructor(node: CustomNode);
+    renderHeader(): void;
+    renderSideIcon(): void;
+}
+//# sourceMappingURL=CustomHeader.d.ts.map

package/dist/decorators/CustomHeader.js

@@ -0,0 +1,26 @@
+import { SideIcon } from './SideIcon';
+import { BaseHeaderComponent } from './Table/BaseHeaderComponent';
+var CustomHeader = /** @class */ (function () {
+    function CustomHeader(node) {
+        this.node = node;
+        this.baseComponent = new BaseHeaderComponent(node);
+        this.sideIconComponent = new SideIcon(node);
+    }
+    CustomHeader.prototype.renderHeader = function () {
+        var isStartNode = this.node.config.isStartNode;
+        // 渲染起始节点标签
+        if (isStartNode) {
+            this.baseComponent.renderStartNodeTag();
+        }
+        this.baseComponent.renderBgRect();
+        this.baseComponent.renderName();
+        this.baseComponent.renderTypeCodeNameText();
+    };
+    CustomHeader.prototype.renderSideIcon = function () {
+        var _a, _b;
+        (_b = (_a = this.sideIconComponent).renderSideIcon) === null || _b === void 0 ? void 0 : _b.call(_a);
+    };
+    return CustomHeader;
+}());
+export { CustomHeader };
+//# sourceMappingURL=CustomHeader.js.map

package/dist/decorators/CustomHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomHeader.js","sourceRoot":"","sources":["../../src/decorators/CustomHeader.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE;IAKE,sBAAY,IAAgB;QAC1B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,aAAa,GAAG,IAAI,mBAAmB,CAAC,IAAI,CAAC,CAAC;QACnD,IAAI,CAAC,iBAAiB,GAAG,IAAI,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC9C,CAAC;IAED,mCAAY,GAAZ;QACU,IAAA,WAAW,GAAK,IAAI,CAAC,IAAI,CAAC,MAAM,YAArB,CAAsB;QAEzC,WAAW;QACX,IAAI,WAAW,EAAE,CAAC;YAChB,IAAI,CAAC,aAAa,CAAC,kBAAkB,EAAE,CAAC;QAC1C,CAAC;QAED,IAAI,CAAC,aAAa,CAAC,YAAY,EAAE,CAAC;QAClC,IAAI,CAAC,aAAa,CAAC,UAAU,EAAE,CAAC;QAChC,IAAI,CAAC,aAAa,CAAC,sBAAsB,EAAE,CAAC;IAC9C,CAAC;IAED,qCAAc,GAAd;;QACE,MAAA,MAAA,IAAI,CAAC,iBAAiB,EAAC,cAAc,kDAAI,CAAC;IAC5C,CAAC;IACH,mBAAC;AAAD,CAAC,AA3BD,IA2BC"}

package/dist/decorators/RenderColumn.d.ts

@@ -0,0 +1,3 @@
+import { ClassDecorator } from './types';
+export declare function RenderColumn(headerComponent: any): ClassDecorator;
+//# sourceMappingURL=RenderColumn.d.ts.map

package/dist/decorators/RenderColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderColumn.d.ts","sourceRoot":"","sources":["../../src/decorators/RenderColumn.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,YAAY,CAAC,eAAe,KAAA,GAAG,cAAc,CA0B5D"}

package/dist/decorators/RenderColumn.js

@@ -0,0 +1,30 @@
+import { __extends } from "tslib";
+export function RenderColumn(headerComponent) {
+    return function (constructor) {
+        return /** @class */ (function (_super) {
+            __extends(class_1, _super);
+            function class_1() {
+                return _super !== null && _super.apply(this, arguments) || this;
+            }
+            class_1.prototype.getHeaderComponent = function () {
+                return headerComponent(this);
+            };
+            class_1.prototype.render = function () {
+                var headerComponent = this.getHeaderComponent();
+                // 使用传入的组件来渲染头部
+                if (headerComponent.render) {
+                    headerComponent.render();
+                }
+            };
+            class_1.prototype.renderSideIcon = function (parent) {
+                var headerComponent = this.getHeaderComponent();
+                // 使用传入的组件来渲染侧边图标
+                if (headerComponent.renderSideIcon) {
+                    headerComponent.renderSideIcon(parent);
+                }
+            };
+            return class_1;
+        }(constructor));
+    };
+}
+//# sourceMappingURL=RenderColumn.js.map

package/dist/decorators/RenderColumn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderColumn.js","sourceRoot":"","sources":["../../src/decorators/RenderColumn.ts"],"names":[],"mappings":";AAEA,MAAM,UAAU,YAAY,CAAC,eAAe;IAC1C,OAAO,UAAmD,WAAc;QACtE,OAAO;YAAc,2BAAW;YAAzB;;YAsBP,CAAC;YArBS,oCAAkB,GAA1B;gBACE,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;YAC/B,CAAC;YAED,wBAAM,GAAN;gBACE,IAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAElD,eAAe;gBACf,IAAI,eAAe,CAAC,MAAM,EAAE,CAAC;oBAC3B,eAAe,CAAC,MAAM,EAAE,CAAC;gBAC3B,CAAC;YACH,CAAC;YAED,gCAAc,GAAd,UAAe,MAAY;gBACzB,IAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAElD,iBAAiB;gBACjB,IAAI,eAAe,CAAC,cAAc,EAAE,CAAC;oBACnC,eAAe,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;gBACzC,CAAC;YACH,CAAC;YACH,cAAC;QAAD,CAAC,AAtBM,CAAc,WAAW,EAsB1B,CAAC;IACT,CAAC,CAAC;AACJ,CAAC"}

package/dist/decorators/RenderContent.d.ts

@@ -0,0 +1,3 @@
+import { ClassDecorator } from './types';
+export declare function RenderContent(columnNodeClass: any): ClassDecorator;
+//# sourceMappingURL=RenderContent.d.ts.map

package/dist/decorators/RenderContent.js

@@ -0,0 +1,162 @@
+import { __extends } from "tslib";
+import { Text, Image, Rect, Group } from '@aloudata/ink-graph-new';
+import { COL_HEIGHT, NODE_WIDTH, TABLE_CONTROL_BAR_HEIGHT, TABLE_HEADER_HEIGHT, TABLE_OPERATE_ICON_X, TABLE_RECT_BORDER_RADIUS, } from '../constant';
+import { ETableEvents } from '../types';
+import { tableShowLess, tableShowMore } from '../assets';
+export function RenderContent(columnNodeClass) {
+    return function (constructor) {
+        return /** @class */ (function (_super) {
+            __extends(class_1, _super);
+            function class_1() {
+                return _super !== null && _super.apply(this, arguments) || this;
+            }
+            class_1.prototype.getColumnNodeClass = function () {
+                return columnNodeClass;
+            };
+            class_1.prototype.renderControlBar = function () {
+                var _this = this;
+                var _a, _b;
+                var lineageManager = this.lineageManager;
+                var _c = this.config, data = _c.data, isOpen = _c.isOpen;
+                var _d = data.columnCount, columnCount = _d === void 0 ? 0 : _d;
+                // column count
+                var columnCountStr = '' + columnCount;
+                var relatedColsHeight = (_b = (_a = this.tableRelatedGroup) === null || _a === void 0 ? void 0 : _a.getBBox()) === null || _b === void 0 ? void 0 : _b.height;
+                // table content group
+                var tableControlGroup = new Rect({
+                    name: 'table-control-group',
+                    style: {
+                        x: 1,
+                        y: TABLE_HEADER_HEIGHT + relatedColsHeight,
+                        zIndex: 1,
+                        width: NODE_WIDTH,
+                        height: 32,
+                        fill: '#F4F4F4',
+                        radius: isOpen
+                            ? [0]
+                            : [0, 0, TABLE_RECT_BORDER_RADIUS, TABLE_RECT_BORDER_RADIUS],
+                    },
+                });
+                var columnCountText = new Text({
+                    style: {
+                        x: 12,
+                        y: 22,
+                        text: "\u5168\u90E8 ".concat(columnCountStr, " \u5217"),
+                        fill: '#575757',
+                        fontSize: 12,
+                        fontWeight: 400,
+                        fontFamily: 'PingFang SC',
+                    },
+                });
+                var columnToggleImage = new Image({
+                    name: 'table-control-toggle-group',
+                    style: {
+                        x: TABLE_OPERATE_ICON_X,
+                        y: 10,
+                        width: 44,
+                        height: 16,
+                        img: isOpen ? tableShowLess : tableShowMore,
+                        zIndex: 1,
+                        cursor: 'pointer',
+                    },
+                });
+                columnToggleImage.addEventListener('click', function () {
+                    lineageManager.emit(ETableEvents.CONTROL_TOGGLE_GROUP, _this);
+                });
+                tableControlGroup.appendChild(columnCountText);
+                tableControlGroup.appendChild(columnToggleImage);
+                this.bgRect.appendChild(tableControlGroup);
+            };
+            class_1.prototype.renderColumns = function () {
+                var _this = this;
+                var _a, _b;
+                var _c = this.config, children = _c.children, pagination = _c.pagination;
+                var ColumnNodeConstructor = this.getColumnNodeClass();
+                var tableRelatedGroupHeight = (_b = (_a = this.tableRelatedGroup) === null || _a === void 0 ? void 0 : _a.getBBox()) === null || _b === void 0 ? void 0 : _b.height;
+                var relatedColsHeight = tableRelatedGroupHeight;
+                // table content group
+                this.tableContentGroup = new Group({
+                    style: {
+                        x: 1,
+                        y: TABLE_HEADER_HEIGHT +
+                            relatedColsHeight +
+                            TABLE_CONTROL_BAR_HEIGHT,
+                        zIndex: 3,
+                    },
+                });
+                var sortVisibleColumns = children.sort(function (i, j) {
+                    return i.data.position - j.data.position;
+                });
+                var pageNum = pagination.pageNum, pageSize = pagination.pageSize;
+                var renderVisibleColumns = sortVisibleColumns.slice((pageNum - 1) * pageSize, pageNum * pageSize);
+                // table columns group
+                this.colGroup = new Rect({
+                    style: {
+                        width: NODE_WIDTH,
+                        height: renderVisibleColumns.length * COL_HEIGHT,
+                        fill: '#F4F4F4',
+                        zIndex: 2,
+                    },
+                });
+                renderVisibleColumns.forEach(function (colConfig, i) {
+                    var col = new ColumnNodeConstructor(_this.lineageManager.getGraph(), colConfig, _this, i);
+                    // add or replace column DOM
+                    var colIndex = _this.children.findIndex(function (c) { return c.id === col.id; });
+                    if (colIndex === -1) {
+                        _this.children.push(col);
+                    }
+                    else {
+                        _this.children[colIndex] = col;
+                    }
+                    _this.colGroup.appendChild(col.container);
+                });
+                this.tableContentGroup.appendChild(this.colGroup);
+                this.bgRect.appendChild(this.tableContentGroup);
+            };
+            class_1.prototype.renderRelatedColumns = function () {
+                var _this = this;
+                var relatedColumns = this.config.relatedColumns;
+                var ColumnNodeConstructor = this.getColumnNodeClass();
+                var visibleColumns = relatedColumns.filter(function (col) { return col.visible; });
+                // table related group
+                this.tableRelatedGroup = new Rect({
+                    style: {
+                        x: 1,
+                        y: TABLE_HEADER_HEIGHT,
+                        width: NODE_WIDTH,
+                        height: visibleColumns.length > 0
+                            ? visibleColumns.length * COL_HEIGHT + 16
+                            : 0,
+                        fill: '#F4F4F4',
+                        zIndex: 2,
+                    },
+                });
+                var tableRelatedColumnsGroup = new Group({
+                    style: {
+                        y: 8,
+                    },
+                });
+                visibleColumns
+                    .sort(function (i, j) {
+                    return i.data.position - j.data.position;
+                })
+                    .forEach(function (colConfig, i) {
+                    var col = new ColumnNodeConstructor(_this.lineageManager.getGraph(), colConfig, _this, i);
+                    // add or replace column DOM
+                    var colIndex = _this.relatedColumns.findIndex(function (c) { return c.id === col.id; });
+                    if (colIndex === -1) {
+                        _this.relatedColumns.push(col);
+                    }
+                    else {
+                        _this.relatedColumns[colIndex] = col;
+                    }
+                    tableRelatedColumnsGroup.appendChild(col.container);
+                });
+                this.tableRelatedGroup.appendChild(tableRelatedColumnsGroup);
+                this.bgRect.appendChild(this.tableRelatedGroup);
+            };
+            return class_1;
+        }(constructor));
+    };
+}
+//# sourceMappingURL=RenderContent.js.map

package/dist/decorators/RenderContent.js.map

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

package/dist/decorators/RenderFooter.d.ts

@@ -0,0 +1,3 @@
+import { ClassDecorator } from './types';
+export declare function RenderFooter(): ClassDecorator;
+//# sourceMappingURL=RenderFooter.d.ts.map

package/dist/decorators/RenderFooter.js

@@ -0,0 +1,150 @@
+import { __extends } from "tslib";
+import { Group, Rect, Text, Image, getTextDomWidth, } from '@aloudata/ink-graph-new';
+import { PAGINATION_IMAGE_SIZE, NODE_WIDTH, TABLE_RECT_BORDER_RADIUS, } from '../constant';
+import { tablePaginationNextClick, tablePaginationNextHover, tablePaginationNext, tablePaginationPrevClick, tablePaginationPrevHover, tablePaginationPrev, } from '../assets';
+import { ETableEvents } from '../types';
+export function RenderFooter() {
+    return function (constructor) {
+        return /** @class */ (function (_super) {
+            __extends(class_1, _super);
+            function class_1() {
+                return _super !== null && _super.apply(this, arguments) || this;
+            }
+            class_1.prototype.renderPagination = function () {
+                var _this = this;
+                var pagination = this.config.pagination;
+                var pageNum = pagination.pageNum, totalPage = pagination.totalPage;
+                var colGroupHeight = this.colGroup.getBBox().height;
+                // pagination content group
+                var paginationGroup = new Group({
+                    name: 'pagination-wrapper',
+                    style: {
+                        y: colGroupHeight,
+                        zIndex: -1,
+                    },
+                });
+                var paginationBgRect = new Rect({
+                    name: 'pagination-bgRect',
+                    style: {
+                        fill: '#F4F4F4',
+                        width: NODE_WIDTH,
+                        radius: [0, 0, TABLE_RECT_BORDER_RADIUS, TABLE_RECT_BORDER_RADIUS],
+                        height: 32,
+                    },
+                });
+                var paginationTotalPage = new Text({
+                    name: 'pagination-totalPage-text',
+                    style: {
+                        x: 12,
+                        y: 20,
+                        text: "\u5171 ".concat(totalPage, " \u9875"),
+                        fill: '#575757',
+                        fontSize: 12,
+                        fontWeight: 400,
+                        fontFamily: 'PingFang SC',
+                        zIndex: 2,
+                    },
+                });
+                var textWidth = getTextDomWidth(pageNum + '', 12, 'Tahoma');
+                var middleX = 260 - textWidth;
+                var leftX = middleX - 23;
+                var rightX = middleX + textWidth + 7;
+                var paginationPrevImage = new Image({
+                    name: 'pagination-prev-image',
+                    style: {
+                        x: leftX,
+                        y: 6,
+                        width: PAGINATION_IMAGE_SIZE,
+                        height: PAGINATION_IMAGE_SIZE,
+                        img: tablePaginationPrev,
+                        cursor: this.config.pagination.pageNum > 1 ? 'pointer' : 'not-allowed',
+                        zIndex: 2,
+                        opacity: this.config.pagination.pageNum > 1 ? 1 : 0.5,
+                    },
+                });
+                paginationPrevImage.addEventListener('click', function () {
+                    _this.onPaginationPrev();
+                });
+                paginationPrevImage === null || paginationPrevImage === void 0 ? void 0 : paginationPrevImage.addEventListener('mousedown', function () {
+                    if (_this.config.pagination.pageNum > 1)
+                        paginationPrevImage.setAttribute('img', tablePaginationPrevClick);
+                });
+                paginationPrevImage === null || paginationPrevImage === void 0 ? void 0 : paginationPrevImage.addEventListener('mouseup', function () {
+                    if (_this.config.pagination.pageNum > 1)
+                        paginationPrevImage.setAttribute('img', tablePaginationPrev);
+                });
+                paginationPrevImage === null || paginationPrevImage === void 0 ? void 0 : paginationPrevImage.addEventListener('mouseenter', function () {
+                    if (_this.config.pagination.pageNum > 1)
+                        paginationPrevImage.setAttribute('img', tablePaginationPrevHover);
+                });
+                paginationPrevImage === null || paginationPrevImage === void 0 ? void 0 : paginationPrevImage.addEventListener('mouseleave', function () {
+                    if (_this.config.pagination.pageNum > 1)
+                        paginationPrevImage.setAttribute('img', tablePaginationPrev);
+                });
+                var paginationPageNum = new Text({
+                    style: {
+                        x: middleX,
+                        y: 20,
+                        text: pageNum,
+                        fill: '#000',
+                        fontSize: 12,
+                        fontWeight: 400,
+                        fontFamily: 'Tahoma',
+                        cursor: 'pointer',
+                        zIndex: 2,
+                    },
+                });
+                var paginationNextImage = new Image({
+                    name: 'pagination-next-image',
+                    style: {
+                        x: rightX,
+                        y: 6,
+                        width: PAGINATION_IMAGE_SIZE,
+                        height: PAGINATION_IMAGE_SIZE,
+                        img: tablePaginationNext,
+                        cursor: this.config.pagination.pageNum < this.config.pagination.totalPage
+                            ? 'pointer'
+                            : 'not-allowed',
+                        zIndex: 2,
+                        opacity: this.config.pagination.pageNum < this.config.pagination.totalPage
+                            ? 1
+                            : 0.5,
+                    },
+                });
+                paginationNextImage.addEventListener('click', function () {
+                    _this.onPaginationNext();
+                });
+                paginationNextImage === null || paginationNextImage === void 0 ? void 0 : paginationNextImage.addEventListener('mousedown', function () {
+                    if (_this.config.pagination.pageNum < _this.config.pagination.totalPage)
+                        paginationNextImage.setAttribute('img', tablePaginationNextClick);
+                });
+                paginationNextImage === null || paginationNextImage === void 0 ? void 0 : paginationNextImage.addEventListener('mouseup', function () {
+                    if (_this.config.pagination.pageNum < _this.config.pagination.totalPage)
+                        paginationNextImage.setAttribute('img', tablePaginationNext);
+                });
+                paginationNextImage === null || paginationNextImage === void 0 ? void 0 : paginationNextImage.addEventListener('mouseenter', function () {
+                    if (_this.config.pagination.pageNum < _this.config.pagination.totalPage)
+                        paginationNextImage.setAttribute('img', tablePaginationNextHover);
+                });
+                paginationNextImage === null || paginationNextImage === void 0 ? void 0 : paginationNextImage.addEventListener('mouseleave', function () {
+                    if (_this.config.pagination.pageNum < _this.config.pagination.totalPage)
+                        paginationNextImage.setAttribute('img', tablePaginationNext);
+                });
+                paginationGroup.appendChild(paginationBgRect);
+                paginationGroup.appendChild(paginationTotalPage);
+                paginationGroup.appendChild(paginationPrevImage);
+                paginationGroup.appendChild(paginationPageNum);
+                paginationGroup.appendChild(paginationNextImage);
+                this.tableContentGroup.appendChild(paginationGroup);
+            };
+            class_1.prototype.onPaginationPrev = function () {
+                this.lineageManager.emit(ETableEvents.PAGINATION_PREV, this);
+            };
+            class_1.prototype.onPaginationNext = function () {
+                this.lineageManager.emit(ETableEvents.PAGINATION_NEXT, this);
+            };
+            return class_1;
+        }(constructor));
+    };
+}
+//# sourceMappingURL=RenderFooter.js.map