@aloudata/ink-lineage 0.0.1-beta.1

package/src/constant/nodeStyle.ts

@@ -0,0 +1,141 @@
+// table width
+export const NODE_WIDTH = 300;
+// table tag height
+export const TABLE_TAG_HEIGHT = 25;
+// table header height
+export const TABLE_HEADER_HEIGHT = 94;
+export const DOWNGRADE_TABLE_HEADER_HEIGHT = 44;
+export const DEFAULT_TABLE_HEADER_HEIGHT = 94;
+// table header name wrap width
+export const TABLE_HEADER_NAME_WRAP_WIDTH = 255;
+export const TABLE_HEADER_NAME_WRAP_WIDTH_ONE_TIP = 229;
+export const TABLE_HEADER_NAME_WRAP_WIDTH_TWO_TIP = 215;
+export const TABLE_HEADER_NAME_WRAP_WIDTH_THREE_TIP = 200;
+export const TABLE_HEADER_DESC_WRAP_WIDTH = 255;
+// table control bar height
+export const TABLE_CONTROL_BAR_HEIGHT = 32;
+// table footer height
+export const TABLE_FOOTER_HEIGHT = 16;
+
+export const TABLE_RECT_BORDER_RADIUS = 0;
+
+
+// task table width
+export const TASK_TABLE_WIDTH = 220;
+export const TASK_TABLE_RECT_BORDER_RADIUS = 4;
+
+// table 展开收起icon
+export const TABLE_OPERATE_ICON_X = NODE_WIDTH - 45 - 10;
+export const TABLE_OPERATE_ICON_Y = 11;
+export const TABLE_OPERATE_ICON_WIDTH = 10;
+export const TABLE_OPERATE_ICON_HEIGHT = 6;
+
+// table footer
+export const TABLE_FOOTER_RECT_HEIGHT = 24;
+export const TABLE_FOOTER_TEXT1_X = 12;
+export const TABLE_FOOTER_TEXT2_X = 130;
+export const TABLE_FOOTER_TEXT2_X1 = 174;
+export const TABLE_FOOTER_TEXT2_X2 = 165;
+export const TABLE_FOOTER_TEXT2_X3 = 159;
+
+// footer image
+export const TABLE_FOOTER_IMAGE_X = 200;
+export const TABLE_FOOTER_IMAGE_Y = 13;
+export const TABLE_FOOTER_IMAGE_WIDTH = 8;
+export const TABLE_FOOTER_IMAGE_HEIGHT = 4;
+
+// pagination image
+export const PAGINATION_IMAGE_SIZE = 20;
+
+export const RECT_LINE_WIDTH = 1;
+export const SIDE_ICON_SIZE = 20;
+
+// 列文字
+export const COL_TEXT_Y = 20;
+export const COL_TEXT_X = 37;
+export const COL_TEXT_NO_ICON_X = 18;
+
+// 列的高度
+export const COL_HEIGHT = 32;
+// 计算相关列的默认y索引
+export const COL_Y_NUM = -1;
+
+// 列icon
+export const COL_TYPE_ICON_X = 15;
+export const COL_TYPE_ICON_Y = 6;
+export const COL_TYPE_ICON_WIDTH = 16;
+export const COL_TYPE_ICON_HEIGHT = 16;
+
+// 列的序号
+export const COL_ORDER_WIDTH = 26;
+export const COL_ORDER_HEIGHT = 16;
+export const COL_ORDER_X = 8;
+export const COL_ORDER_R = 4;
+
+export const COL_ORDER_TEXT_X = 11;
+export const COL_ORDER_TEXT_Y = 20;
+
+// 列的PK、FK
+export const COL_PK_FK_Y = 10;
+
+// 内置节点的类型
+// 边
+export const FOLD_EDGE = 'fold_edge';
+export const LINEAGE_EDGE = 'lineage_edge';
+export const LAYOUT_TYPE = 'ald_layout';
+export const BASE_EDGE = 'base_edge';
+
+// 表
+export const TABLE_NODE = 'table_node';
+export const CUSTOM_NODE = 'custom_node';
+export const TASK_NODE = 'task_node';
+export const BASE_NODE = 'base_node'
+
+
+// 颜色变量
+export const tableColorVar = {
+  // 起始节点的tag颜色
+  startTagColor: '#14B8A6',
+
+  // hover表的边框色
+  headerGroupBorderHover: '#3271C9',
+
+  // 默认表的边框色
+  headerGroupBorderDefault: '#B1B1B1',
+
+  // 当前表点击的背景色
+  headerGroupBgClick: '#A9CFFB',
+};
+
+// 自定义节点
+export const customTableColorVar = {
+  // 起始节点的tag颜色
+  startTagColor: '#475569',
+
+  // hover表的边框色
+  headerGroupBorderHover: '#3271C9',
+
+  // 默认表的边框色
+  headerGroupBorderDefault: '#B1B1B1',
+
+  // 当前表点击的背景色
+  headerGroupBgClick: '#F0F6FF',
+};
+
+// 颜色变量
+export const colorVar = {
+  // hover表的边框色
+  headerGroupBorderHover: '#3271C9',
+
+  // 默认表的边框色
+  headerGroupBorderDefault: '#B1B1B1',
+
+  // 默认列的颜色
+  colBorderDefault: '#DBDBDB',
+
+  // 当前表点击的背景色
+  headerGroupBgClick: '#A9CFFB',
+
+  // 资产点击的背景色
+  assetBgClick: '#F0F6FF',
+};

package/src/index.ts

@@ -0,0 +1,6 @@
+export * from './components';
+export * from './constant';
+export * from './manager';
+export * from './types';
+export * from './utils';
+

package/src/manager/BaseManager.ts

@@ -0,0 +1,20 @@
+import { Graph } from '@aloudata/ink-graph-new';
+import { InkLineageManager } from '.';
+import { IColResBase, TDataBase } from '../types';
+
+export class BaseManager<
+  TTableData extends TDataBase<TColumnData>,
+  TColumnData extends IColResBase,
+> {
+  lineageManager: InkLineageManager<TTableData, TColumnData>;
+
+  graph: Graph;
+
+  constructor(lineageManager: InkLineageManager<TTableData, TColumnData>) {
+    this.lineageManager = lineageManager;
+  }
+
+  init(graph) {
+    this.graph = graph;
+  }
+}