@aloudata/ink-lineage 0.0.1-beta.17 → 0.0.1-beta.19

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

package/dist/decorators/RenderFooter.js.map

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

package/dist/decorators/RenderHeader.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RenderHeader.d.ts","sourceRoot":"","sources":["../../src/decorators/RenderHeader.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,sBAAsB,EACtB,cAAc,EACf,MAAM,SAAS,CAAC;AAEjB,wBAAgB,YAAY,CAC1B,wBAAwB,EAAE,eAAe,GAAG,sBAAsB,GACjE,cAAc,CA8BhB"}

package/dist/decorators/RenderHeader.js

@@ -0,0 +1,35 @@
+import { __extends } from "tslib";
+export function RenderHeader(headerComponentOrFactory) {
+    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 () {
+                if (typeof headerComponentOrFactory === 'function') {
+                    return headerComponentOrFactory(this);
+                }
+                else {
+                    return headerComponentOrFactory;
+                }
+            };
+            class_1.prototype.renderHeader = function () {
+                var headerComponent = this.getHeaderComponent();
+                // 使用传入的组件来渲染头部
+                if (headerComponent.renderHeader) {
+                    headerComponent.renderHeader();
+                }
+            };
+            class_1.prototype.renderSideIcon = function (parent) {
+                var headerComponent = this.getHeaderComponent();
+                // 使用传入的组件来渲染侧边图标
+                if (headerComponent.renderSideIcon) {
+                    headerComponent.renderSideIcon(parent);
+                }
+            };
+            return class_1;
+        }(constructor));
+    };
+}
+//# sourceMappingURL=RenderHeader.js.map

package/dist/decorators/RenderHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderHeader.js","sourceRoot":"","sources":["../../src/decorators/RenderHeader.ts"],"names":[],"mappings":";AAMA,MAAM,UAAU,YAAY,CAC1B,wBAAkE;IAElE,OAAO,UAAmD,WAAc;QACtE,OAAO;YAAc,2BAAW;YAAzB;;YA0BP,CAAC;YAzBS,oCAAkB,GAA1B;gBACE,IAAI,OAAO,wBAAwB,KAAK,UAAU,EAAE,CAAC;oBACnD,OAAO,wBAAwB,CAAC,IAAI,CAAC,CAAC;gBACxC,CAAC;qBAAM,CAAC;oBACN,OAAO,wBAAwB,CAAC;gBAClC,CAAC;YACH,CAAC;YAED,8BAAY,GAAZ;gBACE,IAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAElD,eAAe;gBACf,IAAI,eAAe,CAAC,YAAY,EAAE,CAAC;oBACjC,eAAe,CAAC,YAAY,EAAE,CAAC;gBACjC,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,AA1BM,CAAc,WAAW,EA0B1B,CAAC;IACT,CAAC,CAAC;AACJ,CAAC"}

package/dist/decorators/SideIcon.d.ts

@@ -0,0 +1,8 @@
+import { Group } from "@aloudata/ink-graph-new";
+import { HeaderComponent } from "./types";
+export declare class SideIcon implements HeaderComponent {
+    private node;
+    constructor(node: any);
+    renderSideIcon(parent?: Group): void;
+}
+//# sourceMappingURL=SideIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SideIcon.d.ts","sourceRoot":"","sources":["../../src/decorators/SideIcon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAe,MAAM,yBAAyB,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAG1C,qBAAa,QAAS,YAAW,eAAe;IAC5C,OAAO,CAAC,IAAI,CAAM;gBAEN,IAAI,EAAE,GAAG;IAIrB,cAAc,CAAC,MAAM,CAAC,EAAE,KAAK;CA+DhC"}

package/dist/decorators/SideIcon.js

@@ -0,0 +1,68 @@
+import { Rect, Image } from "@aloudata/ink-graph-new";
+import { EElementType } from "../types";
+import { NODE_WIDTH, SIDE_ICON_SIZE } from "../constant";
+var SideIcon = /** @class */ (function () {
+    function SideIcon(node) {
+        this.node = node;
+    }
+    SideIcon.prototype.renderSideIcon = function (parent) {
+        var _this = this;
+        var headerHeight = this.node.config.style.headerHeight;
+        var height = this.node.elementType === EElementType.DOWNGRADE
+            ? this.node.defaultBgRectHeight
+            : headerHeight;
+        this.node.leftIcon = new Image({
+            name: "sideIcon-img-left",
+            style: {
+                x: -SIDE_ICON_SIZE - 6,
+                y: height / 2 - SIDE_ICON_SIZE / 2,
+                width: SIDE_ICON_SIZE,
+                height: SIDE_ICON_SIZE,
+                cursor: 'pointer',
+                zIndex: 99,
+                visibility: 'visible',
+            },
+        });
+        this.node.rightIcon = new Image({
+            name: "sideIcon-img-right",
+            style: {
+                x: NODE_WIDTH + 4,
+                y: height / 2 - SIDE_ICON_SIZE / 2,
+                width: SIDE_ICON_SIZE,
+                height: SIDE_ICON_SIZE,
+                cursor: 'pointer',
+                zIndex: 99,
+                visibility: 'visible',
+            },
+        });
+        // 用于hover到sideIcon区域时也能显示sideIcon
+        this.node.bgHideRect = new Rect({
+            name: 'bgRect-hide',
+            style: {
+                x: -20,
+                fill: '#0000',
+                stroke: '#0000',
+                width: NODE_WIDTH + 40,
+                height: height,
+                zIndex: 9,
+            },
+        });
+        this.node.leftIcon.addEventListener('click', function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            _this.node.lineageManager.emit(_this.node.eventType.LEFT_ICON_CLICK, _this.node);
+        });
+        this.node.rightIcon.addEventListener('click', function (e) {
+            e.preventDefault();
+            e.stopPropagation();
+            _this.node.lineageManager.emit(_this.node.eventType.RIGHT_ICON_CLICK, _this.node);
+        });
+        var parentContainer = parent || this.node.headerGroup;
+        parentContainer.appendChild(this.node.bgHideRect);
+        parentContainer.appendChild(this.node.leftIcon);
+        parentContainer.appendChild(this.node.rightIcon);
+    };
+    return SideIcon;
+}());
+export { SideIcon };
+//# sourceMappingURL=SideIcon.js.map

package/dist/decorators/SideIcon.js.map

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

package/dist/decorators/Table/BaseHeaderComponent.d.ts

@@ -0,0 +1,16 @@
+export declare class BaseHeaderComponent {
+    private node;
+    private lineageManager;
+    constructor(node: any);
+    renderStartNodeTag(): void;
+    renderDirectionTag(): void;
+    renderBgRect(): void;
+    renderName(): void;
+    renderDescription(): void;
+    renderDataSource(params?: {
+        imageY: number;
+        textY: number;
+    }): void;
+    renderTypeCodeNameText(): void;
+}
+//# sourceMappingURL=BaseHeaderComponent.d.ts.map

package/dist/decorators/Table/BaseHeaderComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseHeaderComponent.d.ts","sourceRoot":"","sources":["../../../src/decorators/Table/BaseHeaderComponent.ts"],"names":[],"mappings":"AAgBA,qBAAa,mBAAmB;IAC9B,OAAO,CAAC,IAAI,CAAM;IAElB,OAAO,CAAC,cAAc,CAA6D;gBAEvE,IAAI,EAAE,GAAG;IAMrB,kBAAkB;IAyClB,kBAAkB;IAgElB,YAAY;IAoCZ,UAAU;IAyDV,iBAAiB;IA4BjB,gBAAgB,CAAC,MAAM,CAAC,EAAE;QAAE,MAAM,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE;IAgD3D,sBAAsB;CAsBvB"}

package/dist/decorators/Table/BaseHeaderComponent.js

@@ -0,0 +1,279 @@
+import { entityDefaultType, hotspot } from '../../assets';
+import { colorVar, NODE_WIDTH, RECT_LINE_WIDTH, TABLE_HEADER_DESC_WRAP_WIDTH, TABLE_HEADER_HEIGHT, TABLE_HEADER_NAME_WRAP_WIDTH, TABLE_TAG_HEIGHT, } from '../../constant';
+import { EDirection, EElementType, EEntityType } from '../../types';
+import { getDataSourceTypeIcon, getEntityTypeIcon } from '../../utils';
+import { Text, Image, Rect, Group } from '@aloudata/ink-graph-new';
+var BaseHeaderComponent = /** @class */ (function () {
+    function BaseHeaderComponent(node) {
+        this.node = node;
+        this.lineageManager = node.lineageManager;
+    }
+    // 起始资产标签
+    BaseHeaderComponent.prototype.renderStartNodeTag = function () {
+        var data = this.node.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.node.container.appendChild(tagGroup);
+    };
+    // 输入资产、输出资产
+    BaseHeaderComponent.prototype.renderDirectionTag = function () {
+        var directionWord = '';
+        var tagBgColor = '#fff';
+        var textColor = '#171717';
+        var _a = this.node.config.data, type = _a.type, direction = _a.direction;
+        if (type === EEntityType.TEMP_TABLE)
+            return;
+        switch (direction) {
+            case EDirection.INPUT:
+                directionWord = '输入资产';
+                tagBgColor = '#E4F1F9';
+                textColor = '#228CCE';
+                break;
+            case EDirection.OUTPUT:
+                directionWord = '输出资产';
+                tagBgColor = '#D1FAE5';
+                textColor = '#059669';
+                break;
+            case EDirection.BOTH:
+                directionWord = '输入/输出资产';
+                tagBgColor = '#FFEDD5';
+                textColor = '#EA580C';
+                break;
+        }
+        if (!directionWord)
+            return;
+        var tagGroup = new Group({
+            name: 'tag',
+        });
+        var tagRect = new Rect({
+            style: {
+                x: -1,
+                y: -TABLE_TAG_HEIGHT,
+                width: NODE_WIDTH + 2,
+                height: TABLE_TAG_HEIGHT,
+                stroke: tagBgColor,
+                fill: tagBgColor,
+                lineWidth: 1,
+            },
+        });
+        var tagText = new Text({
+            style: {
+                x: 8,
+                y: -17,
+                lineHeight: 16,
+                text: directionWord,
+                fontSize: 12,
+                fontWeight: 400,
+                fontFamily: 'PingFang SC',
+                textBaseline: 'top',
+                fill: textColor,
+            },
+        });
+        tagGroup.appendChild(tagRect);
+        tagGroup.appendChild(tagText);
+        this.node.container.appendChild(tagGroup);
+    };
+    BaseHeaderComponent.prototype.renderBgRect = function () {
+        // table 整体
+        this.node.bgRect = new Rect({
+            name: 'table-header-group',
+            style: {
+                x: -1,
+                y: 1,
+                width: NODE_WIDTH + 2,
+                height: TABLE_HEADER_HEIGHT,
+                stroke: this.node.config.style.stroke || colorVar.headerGroupBorderDefault,
+                zIndex: this.node.config.style.zIndex || 2,
+                lineWidth: RECT_LINE_WIDTH,
+            },
+        });
+        // header部分
+        this.node.headerGroup = new Rect({
+            style: {
+                x: 1,
+                y: 1,
+                fill: this.node.config.style.fill || '#FFFFFF',
+                width: NODE_WIDTH,
+                height: this.node.elementType === EElementType.DOWNGRADE
+                    ? this.node.defaultHeaderHeight
+                    : TABLE_HEADER_HEIGHT,
+                zIndex: 10,
+            },
+        });
+        this.node.bgRect.appendChild(this.node.headerGroup);
+        this.node.container.appendChild(this.node.bgRect);
+    };
+    // 资产图标，名称，热点资产图标
+    BaseHeaderComponent.prototype.renderName = function () {
+        var data = this.node.config.data;
+        var typeCode = data.typeCode, icon = data.icon, name = data.name;
+        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.node.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 (data.isHotspot) {
+            this.node.hotspotIcon = new Image({
+                style: {
+                    x: 270,
+                    y: 14,
+                    width: 20,
+                    height: 20,
+                    img: hotspot,
+                    cursor: 'pointer',
+                    zIndex: 99,
+                },
+            });
+            this.node.headerGroup.appendChild(this.node.hotspotIcon);
+        }
+        this.node.headerGroup.appendChild(entityTypeIcon);
+        this.node.headerGroup.appendChild(this.node.headerName);
+    };
+    // 描述文本
+    BaseHeaderComponent.prototype.renderDescription = function () {
+        var _a, _b;
+        // 创建描述文本
+        var headerDesc = new Text({
+            style: {
+                x: 36,
+                y: 47,
+                lineHeight: 16,
+                textOverflow: 'ellipsis',
+                text: ((_a = this.node.config) === null || _a === void 0 ? void 0 : _a.data.displayName) ||
+                    ((_b = this.node.config) === null || _b === void 0 ? void 0 : _b.data.description) ||
+                    '-',
+                fontSize: 12,
+                fontWeight: 400,
+                fontFamily: 'PingFang SC',
+                textBaseline: 'top',
+                wordWrap: true,
+                wordWrapWidth: TABLE_HEADER_DESC_WRAP_WIDTH,
+                maxLines: 1,
+                textAlign: 'start',
+                fill: '#111827',
+            },
+        });
+        this.node.headerGroup.appendChild(headerDesc);
+    };
+    // 数据源类型图标，资源路径
+    BaseHeaderComponent.prototype.renderDataSource = function (params) {
+        var _a;
+        var _b = params || {}, imageY = _b.imageY, textY = _b.textY;
+        var data = this.node.config.data;
+        var assetPath = data.assetPath, assetChnPath = data.assetChnPath, datasourceType = data.datasourceType;
+        // 创建数据源类型图标
+        var sourceTypeIcon = new Image({
+            style: {
+                x: 12,
+                y: imageY || 67,
+                width: 16,
+                height: 16,
+                zIndex: 99,
+                img: getDataSourceTypeIcon(datasourceType),
+                cursor: 'pointer',
+            },
+        });
+        this.node.headerGroup.appendChild(sourceTypeIcon);
+        var assetPathText = ((_a = this.lineageManager.getToolbarState()) === null || _a === void 0 ? void 0 : _a.zhPath) && assetChnPath
+            ? assetChnPath
+            : assetPath || '-';
+        // 创建资源路径文本
+        var headerAssetPath = new Text({
+            style: {
+                x: 36,
+                y: textY || 70,
+                zIndex: 99,
+                lineHeight: 16,
+                textOverflow: 'ellipsis',
+                text: assetPathText,
+                fontSize: 12,
+                fontWeight: 400,
+                fontFamily: 'PingFang SC',
+                textBaseline: 'top',
+                wordWrap: true,
+                wordWrapWidth: TABLE_HEADER_DESC_WRAP_WIDTH,
+                maxLines: 1,
+                textAlign: 'start',
+                fill: '#858585',
+            },
+        });
+        this.node.headerGroup.appendChild(headerAssetPath);
+    };
+    BaseHeaderComponent.prototype.renderTypeCodeNameText = function () {
+        var data = this.node.config.data;
+        var typeCodeName = data.typeCodeName;
+        var typeCodeNameText = new Text({
+            style: {
+                x: 36,
+                y: 43,
+                text: typeCodeName,
+                fontSize: 12,
+                fontWeight: 400,
+                lineHeight: 16,
+                fontFamily: 'PingFang SC',
+                textBaseline: 'middle',
+                wordWrap: true,
+                wordWrapWidth: TABLE_HEADER_NAME_WRAP_WIDTH,
+                fill: '#4B5563',
+            },
+        });
+        this.node.headerGroup.appendChild(typeCodeNameText);
+    };
+    return BaseHeaderComponent;
+}());
+export { BaseHeaderComponent };
+//# sourceMappingURL=BaseHeaderComponent.js.map

package/dist/decorators/Table/BaseHeaderComponent.js.map

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

package/dist/decorators/Table/TableHeader.d.ts

@@ -0,0 +1,10 @@
+import { HeaderComponent } from "../types";
+export declare class TableHeader implements HeaderComponent {
+    private baseComponent;
+    private sideIconComponent;
+    private node;
+    constructor(node: any);
+    renderHeader(): void;
+    renderSideIcon(): void;
+}
+//# sourceMappingURL=TableHeader.d.ts.map

package/dist/decorators/Table/TableHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../src/decorators/Table/TableHeader.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE3C,qBAAa,WAAY,YAAW,eAAe;IAC/C,OAAO,CAAC,aAAa,CAAsB;IAC3C,OAAO,CAAC,iBAAiB,CAAW;IACpC,OAAO,CAAC,IAAI,CAAM;gBAEN,IAAI,EAAE,GAAG;IAMrB,YAAY;IAeZ,cAAc;CAGjB"}

package/dist/decorators/Table/TableHeader.js

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