@aloudata/ink-lineage 0.0.1-beta.2 → 0.0.1-beta.20

package/src/manager/nodeManager/AssetEventManager.ts

@@ -1,442 +0,0 @@
-
-import { InkLineageManager } from '..';
-import _ from 'lodash';
-import { IParsedGraphData } from '../DataProcessor';
-import { BaseEventManager } from './BaseEventManager';
-import { AssetEventType, EEventEnum, EventEnumType } from '../../types';
-import { getOverviewType, groupNodesByEdgesAndDirection } from '../../utils';
-import {
-  EElementType,
-  IColumnConfig,
-  IAssetNode,
-  INode,
-  IColResBase,
-  INodeConfig,
-  IEdgeConfig,
-  TDataBase,
-  EExpandType,
-  EDirection,
-  EEntityType,
-  EDashType,
-} from '../../types';
-
-export class AssetEventManager<
-  TTableData extends TDataBase<TColumnData>,
-  TColumnData extends IColResBase,
-> extends BaseEventManager<TTableData, TColumnData> {
-  declare eventsType: AssetEventType;
-
-  constructor(lineageManager: InkLineageManager<TTableData, TColumnData>, eventsType: EventEnumType) {
-    super(lineageManager, eventsType);
-  }
-
-  registerExtraEvents(): void {
-    this.lineageManager.on(this.eventsType.HEADER_CLICK, (node: IAssetNode) => {
-      this.onHeaderClick(node);
-    });
-  }
-
-  hideSideIcon = (node) => {
-    // hide all side expand & close icon
-    node.leftIcon?.setAttribute('visibility', 'hidden');
-    node.rightIcon?.setAttribute('visibility', 'hidden');
-  };
-
-  onHeaderClick(node) {
-    const onlyShowRelated =
-      !!this.lineageManager?.rightKeyMenuManager?.onlyShowRelated;
-
-    // hide context menu
-    this.lineageManager?.hideContextMenu();
-
-    // show detail panel
-    this.showDetailPanel(node);
-
-    if (!onlyShowRelated) {
-      // update active status
-      this.lineageManager?.updateActiveNodes([node.config]);
-
-      // update related nodes & edges
-      this.lineageManager?.setRelatedNodesAndEdges(node.config);
-    }
-  }
-
-  showDetailPanel = async (node) => {
-    // 将data同步到atom，触发更新
-    const { userClosed, visible } =
-      this.lineageManager?.rightKeyMenuManager?.overviewState;
-
-    this.lineageManager.setOverview({
-      ...this.lineageManager?.rightKeyMenuManager?.overviewState,
-      targetId: node.config.id,
-      type: getOverviewType(node.config?.data?.type),
-      visible: !(userClosed && !visible),
-      initial: true,
-      taskIsHighlight: false,
-    });
-  };
-
-  onContextMenu(node) {
-    const { isStartNode, id, data } = node.config;
-    if (!data) return;
-
-    const { name, typeCode, type } = data;
-
-    // 任务血缘的临时表没有右键功能
-    if (type === EEntityType.TEMP_TABLE) return;
-
-    const { y } = (node as IAssetNode).headerName.style;
-
-    const [translateX, translateY] = (
-      node as IAssetNode
-    ).headerName.getPosition();
-    const left = 100 + translateX;
-    const top = Number(y) + translateY - 10;
-
-    this.lineageManager.showContextMenu({
-      id,
-      visible: true,
-      x: left,
-      y: top,
-      type: EElementType.TABLE,
-      typeCode,
-      isStartNode,
-      name,
-    });
-  }
-
-  onLeftIconClick(node) {
-    if (this.lineageManager.isExpanding) return;
-
-    const iconType = (node.leftIcon as any).iconType as EExpandType;
-    if (iconType === EExpandType.EXPAND) {
-      this.handleExpand({
-        direction: EDirection.INPUT,
-        node,
-      });
-    }
-
-    if (iconType === EExpandType.FOLD) {
-      this.handleFold(EDirection.INPUT, node);
-    }
-  }
-
-  onRightIconClick(node) {
-    if (this.lineageManager.isExpanding) return;
-
-    const iconType = (node.rightIcon as any).iconType as EExpandType;
-    if (iconType === EExpandType.EXPAND) {
-      this.handleExpand({
-        direction: EDirection.OUTPUT,
-        node,
-      });
-    }
-
-    if (iconType === EExpandType.FOLD) {
-      this.handleFold(EDirection.OUTPUT, node);
-    }
-  }
-
-  handleFold(direction: EDirection, curNode) {
-    this.lineageManager?.resetActiveNodes();
-
-    const { nodes, edges } = this.lineageManager.parsedData;
-
-    // find related nodes and edges
-    const relatedNodesAndEdges = groupNodesByEdgesAndDirection<TTableData, TColumnData>(
-      curNode.config,
-      nodes,
-      edges,
-      direction,
-      false,
-      true,
-    );
-
-    if (!relatedNodesAndEdges) return;
-
-    // update curr node config
-    if (direction === EDirection.INPUT) {
-      curNode.config.isFoldInput = true;
-    } else {
-      curNode.config.isFoldOutput = true;
-    }
-
-    const relatedNodesIds = Array.from(
-      relatedNodesAndEdges.groupedNodes.keys(),
-    );
-
-    const needRemovedNode: INodeConfig<TTableData, TColumnData>[] = [];
-    const needRemovedEdge: IEdgeConfig[] = [];
-
-    relatedNodesIds.forEach((nodeId) => {
-      // exclude curr node
-      if (nodeId === curNode.config.id) return;
-
-      // find all inputNodes
-      const inputNodes: string[] = [];
-      // find all outputNodes
-      const outputNodes: string[] = [];
-
-      edges.forEach((edge) => {
-        if (
-          edge.target === nodeId &&
-          (edge.visible || edge.relationType === EDashType.INDIRECT)
-        ) {
-          inputNodes.push(edge.source);
-        }
-
-        if (
-          edge.source === nodeId &&
-          (edge.visible || edge.relationType === EDashType.INDIRECT)
-        ) {
-          outputNodes.push(edge.target);
-        }
-      });
-
-      // exclude multi relation nodes
-      if (
-        inputNodes.length > 1 &&
-        !inputNodes.every((id) => {
-          // includes related columns
-          const n = this.lineageManager.getNodeConfigById(id);
-
-          return (
-            relatedNodesIds.includes(id) ||
-            relatedNodesIds.includes((n as IColumnConfig<TColumnData>)?.tableId)
-          );
-        })
-      ) {
-        return;
-      }
-
-      if (
-        outputNodes.length > 1 &&
-        !outputNodes.every((id) => {
-          // includes related columns
-          const n = this.lineageManager.getNodeConfigById(id);
-          return (
-            relatedNodesIds.includes(id) ||
-            relatedNodesIds.includes((n as IColumnConfig<TColumnData>)?.tableId)
-          );
-        })
-      ) {
-        return;
-      }
-
-      const node = this.lineageManager.getNodeConfigById(nodeId) as INodeConfig<TTableData, TColumnData>;
-      needRemovedNode.push(node);
-    });
-
-    relatedNodesAndEdges.relatedEdges.forEach((edgeCfg) => {
-      needRemovedEdge.push(edgeCfg);
-
-      let sourceNode: INodeConfig<TTableData, TColumnData>;
-      let targetNode: INodeConfig<TTableData, TColumnData>;
-
-      (this.lineageManager.parsedData.nodes as INodeConfig<TTableData, TColumnData>[]).forEach((n) => {
-        if (n.id === edgeCfg.source) {
-          sourceNode = n;
-        }
-        if (n.id === edgeCfg.target) {
-          targetNode = n;
-        }
-      });
-
-      const srcRelatedColumnsId =
-        sourceNode?.relatedColumns?.map((col) => col.id) || [];
-      const tgtRelatedColumnsId =
-        targetNode?.relatedColumns?.map((col) => col.id) || [];
-
-      const relatedColumnEdge = edges.filter(
-        (edge) =>
-          srcRelatedColumnsId.includes(edge.source) &&
-          tgtRelatedColumnsId.includes(edge.target),
-      );
-
-      relatedColumnEdge.forEach((edge) => {
-        needRemovedEdge.push(edge);
-      });
-    });
-
-    this.lineageManager.setData({
-      nodes: _.without(
-        this.lineageManager.parsedData.nodes,
-        ...needRemovedNode,
-      ),
-      edges: _.without(
-        this.lineageManager.parsedData.edges,
-        ...needRemovedEdge,
-      ),
-    });
-
-    this.lineageManager?.resetRelatedNodes(false);
-    this.lineageManager?.update();
-  }
-
-  async handleExpand({
-    direction,
-    depth = 1,
-    node,
-  }: {
-    direction: EDirection;
-    depth?: number;
-    node: INode;
-  }) {
-    let needLayout = true;
-
-    // reset related nodes
-    this.lineageManager?.resetRelatedNodes();
-
-    // update curr node config
-    if (direction === EDirection.INPUT) {
-      node.config.isFoldInput = false;
-    } else {
-      node.config.isFoldOutput = false;
-    }
-
-    // custom没有363这段判断
-    if (
-      (node.config.data as TDataBase<IColResBase>).isHotspot &&
-      (node.config.data as any).hotspots?.some(
-        (h) => h.direction === direction && h.candidateCnt > 20,
-      )
-    ) {
-      // hotspot expand
-      this.lineageManager.updateHotspotModalState({
-        id: node.config.id,
-        visible: true,
-        direction,
-      });
-    } else {
-      // normal expand
-      // show expand loading
-      this.lineageManager?.showExpandLoading(node, direction);
-
-      // fetch data
-      const params = {
-        depth,
-        direction,
-        guid: node.config?.id,
-      };
-      const getNewDataPromise = new Promise<IParsedGraphData<TTableData, TColumnData>>((resolve) => {
-        this.lineageManager.once(
-          EEventEnum.TABLE_EXPAND_RESPONSE,
-          (response: IParsedGraphData<TTableData, TColumnData>) => {
-            resolve(response);
-          },
-        );
-
-        this.lineageManager.emit(EEventEnum.TABLE_EXPAND, params);
-      });
-
-      // Wait for the response
-      const newData = await getNewDataPromise;
-
-      //  hide expand loading
-      this.lineageManager?.hideExpandLoading();
-
-      if (!newData) return;
-      const { nodes, edges } = newData;
-
-      if (
-        nodes.length > 0 &&
-        nodes.some(
-          (e) => e.id === node.config.id && e.data?.isHotspot,
-        )
-      ) {
-        // hotspot expand
-        this.lineageManager.updateHotspotModalState({
-          id: node.config.id,
-          visible: true,
-          direction,
-        });
-
-        return;
-      }
-
-      if (
-        nodes.length > 0 &&
-        nodes.some((e) => e.data.isHotspot)
-      ) {
-        this.lineageManager.emit(EEventEnum.INDIRECT_TIPS, {
-          message: '存在热点资产',
-          description:
-            '本次探索过程中存在热点资产，热点资产默认不继续探索，请手动探索后展开',
-          position: 'top-center',
-        });
-      }
-
-      // show no more linage
-      if (edges.length <= 0) {
-        if (direction === EDirection.INPUT) node.config.hasMoreInput = false;
-        if (direction === EDirection.OUTPUT) node.config.hasMoreOutput = false;
-
-        this.lineageManager.emit(EEventEnum.INDIRECT_TIPS, { message: `该节点无${direction === EDirection.INPUT ? '上游' : '下游'}血缘` });
-        needLayout = false;
-      } else {
-        // show indirect warning
-        if (
-          edges
-            .filter((e) =>
-              direction === EDirection.INPUT
-                ? e.target === node.id
-                : e.source === node.id,
-            )
-            .every((e) => e.relationType === EDashType.INDIRECT) &&
-          this.lineageManager?.rightKeyMenuManager?.edgeDashVisible ===
-          EDashType.DIRECT
-        ) {
-          this.lineageManager.emit(EEventEnum.INDIRECT_TIPS, {
-            message: '当前字段只有间接血缘，请打开间接血缘开关后查看',
-          });
-
-          needLayout = false;
-        }
-
-        const prevNodesConfig = this.lineageManager.parsedData.nodes;
-        const prevEdgesConfig = this.lineageManager.parsedData.edges;
-
-        const newNodesConfig = _.unionBy([...prevNodesConfig, ...nodes], 'id');
-        const newEdgesConfig = _.unionBy([...prevEdgesConfig, ...edges], 'id');
-
-        // 下面custom没有这段逻辑
-        nodes.forEach((nodeCfg) => {
-          const newNode = newNodesConfig.find((n) => n.id === nodeCfg.id);
-          if (newNode && (nodeCfg.data as any).isHotspot) {
-            (newNode.data as any).isHotspot = (nodeCfg.data as any).isHotspot;
-            (newNode.data as any).hotspots = (nodeCfg.data as any).hotspots;
-          }
-        });
-
-        this.lineageManager.setData({
-          nodes: newNodesConfig,
-          edges: newEdgesConfig,
-        });
-
-        this.graph?.render();
-      }
-    }
-
-    const onlyShowRelated =
-      !!this.lineageManager?.rightKeyMenuManager?.onlyShowRelated;
-
-    if (!onlyShowRelated) {
-      // highlight curr node flow
-      this.lineageManager?.updateActiveNodes([node.config as INodeConfig<TTableData, TColumnData>]);
-      // set related nodes & edges
-      this.lineageManager?.setRelatedNodesAndEdges(node.config as INodeConfig<TTableData, TColumnData>);
-    } else {
-      // highlight curr node flow
-      this.lineageManager?.updateActiveNodes([
-        this.lineageManager.cachedRelatedNodeConfig,
-      ]);
-      // set related nodes & edges
-      this.lineageManager?.setRelatedNodesAndEdges(
-        this.lineageManager.cachedRelatedNodeConfig,
-      );
-    }
-
-    // update
-    this.lineageManager.update({ needLayout });
-  }
-}

package/src/manager/nodeManager/BaseEventManager.ts

@@ -1,68 +0,0 @@
-import { IGraph } from '@aloudata/ink-graph-new';
-import { InkLineageManager } from '..';
-import { EDirection, EventEnumType, IColResBase, TDataBase } from '../../types';
-import { INode } from '../../types';
-
-export class BaseEventManager<
-  TTableData extends TDataBase<TColumnData>,
-  TColumnData extends IColResBase,
-> {
-  lineageManager: InkLineageManager<TTableData, TColumnData>;
-
-  graph: IGraph;
-
-  eventsType: EventEnumType;
-
-  constructor(
-    lineageManager: InkLineageManager<TTableData, TColumnData>,
-    eventType: EventEnumType,
-  ) {
-    this.lineageManager = lineageManager;
-    this.graph = lineageManager.graph;
-    this.eventsType = eventType;
-
-    this.registerEvents(eventType);
-  }
-
-  registerEvents(eventType: EventEnumType) {
-    // 左边icon
-    this.lineageManager.on(eventType.LEFT_ICON_CLICK, (node: INode) => {
-      this.onLeftIconClick(node);
-    });
-
-    // 右边icon
-    this.lineageManager.on(eventType.RIGHT_ICON_CLICK, (node: INode) => {
-      this.onRightIconClick(node);
-    });
-
-    // 右键菜单
-    this.lineageManager.on(eventType.CONTEXT_MENU, (node: INode) => {
-      this.onContextMenu(node);
-    });
-    // 表/列右键的扩展
-    this.lineageManager.on(
-      eventType.EXPAND,
-      (data: { node: INode; direction: EDirection; depth?: number }) => {
-        this.handleExpand({ ...data });
-      },
-    );
-  }
-
-  onClick(node: INode): void { }
-
-  onLeftIconClick(node: INode): void { }
-
-  onRightIconClick(node: INode): void { }
-
-  onContextMenu(node: INode): void { }
-
-  async handleExpand({
-    direction,
-    depth = 1,
-    node,
-  }: {
-    direction: EDirection;
-    depth?: number;
-    node: INode;
-  }) { }
-}