@sunspirytus/xflow-extension 1.0.52

package/es/canvas-dag-extension/contributions/dag.js

@@ -0,0 +1,334 @@
+import { __awaiter, __decorate, __metadata } from "tslib";
+import { ManaSyringe, DisposableCollection, NsGraph, Disposable, XFlowEdgeCommands, } from '@sunspirytus/xflow-core';
+import { IGraphCommandFactory, IHookContribution, IModelContribution, IGraphCommandContribution, } from '@sunspirytus/xflow-core';
+import { HookHub } from '@sunspirytus/xflow-hook';
+import { XFlowNode } from '../x6-extension/node';
+import { XFlowEdge } from '../x6-extension/edge';
+import { GRAPH_STATUS_INFO } from '../constants';
+import { NsGraphStatusCommand } from './command';
+import { LayoutEnum } from '../interface';
+import { IComponentConfig } from '../interface';
+export var NsAddEdgeEvent;
+(function (NsAddEdgeEvent) {
+    NsAddEdgeEvent.EVENT_NAME = 'ADD_EDGE_CMD_EVENT';
+})(NsAddEdgeEvent || (NsAddEdgeEvent = {}));
+export var DAG_DEFAULT_CONIFG;
+(function (DAG_DEFAULT_CONIFG) {
+    DAG_DEFAULT_CONIFG.router = { name: 'manhattan' };
+    DAG_DEFAULT_CONIFG.connector = {
+        name: 'rounded',
+        args: { radius: 15 },
+    };
+})(DAG_DEFAULT_CONIFG || (DAG_DEFAULT_CONIFG = {}));
+export const ANT_PREFIX = 'ant';
+export const getDagOptions = (props) => {
+    const { layout, router = DAG_DEFAULT_CONIFG.router, connector = DAG_DEFAULT_CONIFG.connector, } = props;
+    const dagOptions = {
+        grid: false,
+        keyboard: {
+            enabled: true,
+        },
+        // 点选/框选配置（详细文档：https://X6.antv.vision/zh/docs/tutorial/basic/selection）
+        selecting: {
+            enabled: true,
+            multiple: true,
+            selectCellOnMoved: true,
+            showNodeSelectionBox: false,
+            // 框选可以选中edge
+            rubberEdge: true,
+            // 框选可以选中node
+            rubberNode: true,
+            movable: true,
+        },
+        connecting: {
+            //链接桩的位置 https://x6.antv.vision/zh/docs/api/registry/node-anchor
+            sourceAnchor: layout ? layout === LayoutEnum.TOP_BOTTOM ? 'bottom' : 'right' : "center",
+            //链接桩的位置 https://x6.antv.vision/zh/docs/api/registry/node-anchor
+            targetAnchor: layout ? layout === LayoutEnum.TOP_BOTTOM ? 'center' : 'left' : "center",
+            connectionPoint: 'anchor',
+            snap: { radius: 20 },
+            router: router,
+            connector: connector,
+            highlight: true,
+            dangling: false,
+            createEdge() {
+                /* eslint-disable-next-line @typescript-eslint/no-this-alias */
+                const graph = this;
+                const edge = new XFlowEdge({
+                    attrs: {
+                        line: {
+                            strokeDasharray: '5 5',
+                            stroke: '#888',
+                            strokeWidth: 1,
+                            targetMarker: {
+                                name: 'block',
+                                args: {
+                                    size: '6',
+                                },
+                            },
+                        },
+                    },
+                });
+                const addEdge = (args) => {
+                    const { isNew } = args;
+                    const edgeCell = args.edge;
+                    /** 没有edge:connected时，会导致graph.once的事件没有执行 */
+                    if (isNew && edgeCell.isEdge() && edgeCell === edge) {
+                        const portId = edgeCell.getTargetPortId();
+                        const targetNode = edgeCell.getTargetCell();
+                        if (targetNode && targetNode.isNode()) {
+                            targetNode.setPortProp(portId, 'connected', false);
+                            edgeCell.attr({
+                                line: {
+                                    strokeDasharray: '',
+                                    targetMarker: '',
+                                    stroke: '#d5d5d5',
+                                },
+                            });
+                            const targetPortId = edgeCell.getTargetPortId();
+                            const sourcePortId = edgeCell.getSourcePortId();
+                            const sourceCellId = edgeCell.getSourceCellId();
+                            const targetCellId = edgeCell.getTargetCellId();
+                            graph.trigger(NsAddEdgeEvent.EVENT_NAME, {
+                                targetPortId,
+                                sourcePortId,
+                                source: sourceCellId,
+                                target: targetCellId,
+                                edge: edge,
+                            });
+                        }
+                    }
+                };
+                graph.once('edge:connected', addEdge);
+                return edge;
+            },
+            validateEdge: args => {
+                var _a;
+                const { edge } = args;
+                return !!((_a = edge === null || edge === void 0 ? void 0 : edge.target) === null || _a === void 0 ? void 0 : _a.port);
+            },
+            // 是否触发交互事件
+            validateMagnet({ magnet, cell }) {
+                const inputPortInfo = cell.getData().ports.filter(portItem => portItem.type === NsGraph.AnchorType.INPUT);
+                if (inputPortInfo.length > 0) {
+                    return magnet.getAttribute('port-group') !== inputPortInfo[0].group;
+                }
+                return false;
+            },
+            // 显示可用的链接桩
+            validateConnection({ sourceView, targetView, sourceMagnet, targetMagnet }) {
+                // 不允许连接到自己
+                if (sourceView === targetView) {
+                    return false;
+                }
+                if (!sourceMagnet || !targetMagnet) {
+                    return false;
+                }
+                // 非自定义布局
+                if (layout) {
+                    const targetPortType = layout === LayoutEnum.TOP_BOTTOM ? NsGraph.AnchorGroup.TOP : NsGraph.AnchorGroup.LEFT;
+                    // 只能从上游节点的输出链接桩创建连接
+                    if (sourceMagnet.getAttribute('port-group') === targetPortType) {
+                        return false;
+                    }
+                    // 只能连接到下游节点的输入桩
+                    if (targetMagnet.getAttribute('port-group') !== targetPortType) {
+                        return false;
+                    }
+                }
+                // 判断源链接桩是否可连接
+                const sourceNode = sourceView.cell;
+                const sourcePortId = sourceMagnet.getAttribute('port');
+                if (!sourcePortId) {
+                    return false;
+                }
+                const sourcePort = sourceNode.getPort(sourcePortId);
+                if (sourcePort.type !== NsGraph.AnchorType.OUTPUT) {
+                    return false;
+                }
+                // 判断目标链接桩是否可连接
+                const targetNode = targetView.cell;
+                const targetPortId = targetMagnet.getAttribute('port');
+                if (!targetPortId) {
+                    return false;
+                }
+                const targetPort = targetNode.getPort(targetPortId);
+                if (targetPort.type !== NsGraph.AnchorType.INPUT) {
+                    return false;
+                }
+                return !(targetPort && targetPort.connected);
+            },
+        },
+        highlighting: {
+            nodeAvailable: {
+                name: 'className',
+                args: {
+                    className: 'available',
+                },
+            },
+            magnetAvailable: {
+                name: 'className',
+                args: {
+                    className: 'available',
+                },
+            },
+            magnetAdsorbed: {
+                name: 'className',
+                args: {
+                    className: 'adsorbed',
+                },
+            },
+        },
+        scaling: {
+            max: 1.05,
+            min: 0.01,
+        },
+    };
+    return dagOptions;
+};
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+let DagHooksContribution = class DagHooksContribution {
+    constructor() {
+        /** 注册Command */
+        this.registerGraphCommands = (commands) => {
+            commands.registerCommand(NsGraphStatusCommand.command, {
+                createCommand: this.commandFactory,
+            });
+        };
+        /** 注册Hub */
+        this.toDispose = new DisposableCollection();
+        /** 注册Hook */
+        this.registerHook = (hooks) => __awaiter(this, void 0, void 0, function* () {
+            const toDispose = new DisposableCollection();
+            const disposables = [
+                hooks.addNode.registerHook({
+                    name: 'dag-add-node',
+                    handler: (args) => __awaiter(this, void 0, void 0, function* () {
+                        const cellFactory = (nodeConfig) => __awaiter(this, void 0, void 0, function* () {
+                            const node = new XFlowNode(Object.assign({}, nodeConfig));
+                            return node;
+                        });
+                        args.cellFactory = cellFactory;
+                    }),
+                }),
+                hooks.addEdge.registerHook({
+                    name: 'dag-add-edge',
+                    handler: (args) => __awaiter(this, void 0, void 0, function* () {
+                        const { layout = LayoutEnum.TOP_BOTTOM } = yield this.propConfig.getConfig();
+                        const cellFactory = (edgeConfig) => __awaiter(this, void 0, void 0, function* () {
+                            const cell = new XFlowEdge(Object.assign(Object.assign({}, edgeConfig), { id: edgeConfig.id, source: {
+                                    cell: edgeConfig.source,
+                                    port: edgeConfig.sourcePortId,
+                                    anchor: {
+                                        name: layout === LayoutEnum.TOP_BOTTOM ? 'bottom' : 'right',
+                                    },
+                                }, target: {
+                                    cell: edgeConfig.target,
+                                    port: edgeConfig.targetPortId,
+                                    anchor: {
+                                        name: layout === LayoutEnum.TOP_BOTTOM ? 'center' : 'right',
+                                    },
+                                }, attrs: {
+                                    line: {
+                                        strokeDasharray: '',
+                                        targetMarker: '',
+                                        stroke: '#d5d5d5',
+                                        strokeWidth: 1,
+                                    },
+                                }, data: Object.assign({}, edgeConfig) }));
+                            return cell;
+                        });
+                        args.cellFactory = cellFactory;
+                    }),
+                }),
+                hooks.addEdge.registerHook({
+                    name: 'after add edge, set target port props',
+                    handler: (handlerArgs, handler) => __awaiter(this, void 0, void 0, function* () {
+                        const main = (args) => __awaiter(this, void 0, void 0, function* () {
+                            const res = yield handler(args);
+                            if (res && res.edgeCell) {
+                                const targetNode = res.edgeCell.getTargetCell();
+                                const portId = res.edgeCell.getTargetPortId();
+                                targetNode.setPortProp(portId, 'connected', true);
+                            }
+                            return res;
+                        });
+                        return main;
+                    }),
+                }),
+                hooks.delEdge.registerHook({
+                    name: 'afetr del edge, reset target node port props',
+                    handler: (args, handler) => __awaiter(this, void 0, void 0, function* () {
+                        const newHandler = (handlerArgs) => __awaiter(this, void 0, void 0, function* () {
+                            const result = yield handler(handlerArgs);
+                            const { targetCell, targetPortId } = result;
+                            if (targetCell && targetCell.isNode() && targetPortId) {
+                                targetCell.setPortProp(targetPortId, 'connected', false);
+                            }
+                            return result;
+                        });
+                        return newHandler;
+                    }),
+                }),
+                hooks.afterGraphInit.registerHook({
+                    name: 'call add edge to replace temp edge',
+                    handler: (handlerArgs) => __awaiter(this, void 0, void 0, function* () {
+                        const { commandService, graph } = handlerArgs;
+                        graph.on(NsAddEdgeEvent.EVENT_NAME, (args) => {
+                            commandService.executeCommand(XFlowEdgeCommands.ADD_EDGE.id, { edgeConfig: args });
+                            args.edge.remove();
+                        });
+                    }),
+                }),
+                hooks.graphOptions.registerHook({
+                    name: 'dag-extension-x6-options',
+                    handler: (args) => __awaiter(this, void 0, void 0, function* () {
+                        const props = yield this.propConfig.getConfig();
+                        const dagOptions = getDagOptions(props);
+                        Object.assign(args, dagOptions);
+                    }),
+                }),
+            ];
+            toDispose.pushAll(disposables);
+            return Disposable.create(() => { });
+        });
+        /** 注册Hub */
+        this.registerHookHub = (registry) => __awaiter(this, void 0, void 0, function* () {
+            return registry.registerHookHub(NsGraphStatusCommand.hookKey, new HookHub());
+        });
+    }
+    /** 扩展Model */
+    registerModel(registry) {
+        /** node status map */
+        registry.registerModel({
+            id: GRAPH_STATUS_INFO.id,
+            getInitialValue: () => ({
+                statusMap: new Map(),
+                subscription: new DisposableCollection(),
+                graphStatus: GRAPH_STATUS_INFO.StatusEnum.PENDING,
+            }),
+            watchChange: (self) => __awaiter(this, void 0, void 0, function* () {
+                const { subscription } = yield self.getValidValue();
+                return subscription;
+            }),
+        });
+    }
+};
+__decorate([
+    ManaSyringe.inject(IGraphCommandFactory),
+    __metadata("design:type", Function)
+], DagHooksContribution.prototype, "commandFactory", void 0);
+__decorate([
+    ManaSyringe.inject(IComponentConfig),
+    __metadata("design:type", Object)
+], DagHooksContribution.prototype, "propConfig", void 0);
+DagHooksContribution = __decorate([
+    ManaSyringe.singleton({
+        contrib: [IHookContribution, IModelContribution, IGraphCommandContribution],
+    })
+], DagHooksContribution);
+export { DagHooksContribution };
+//# sourceMappingURL=dag.js.map

package/es/canvas-dag-extension/contributions/dag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dag.js","sourceRoot":"","sources":["../../../src/canvas-dag-extension/contributions/dag.tsx"],"names":[],"mappings":"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"}

package/es/canvas-dag-extension/index.d.ts

@@ -0,0 +1,3 @@
+export { DagGraphExtension } from './components';
+export { GRAPH_STATUS_INFO, XFlowDagCommands } from './constants';
+export { NsGraphStatusCommand } from './contributions/command';

package/es/canvas-dag-extension/index.js

@@ -0,0 +1,4 @@
+export { DagGraphExtension } from './components';
+export { GRAPH_STATUS_INFO, XFlowDagCommands } from './constants';
+export { NsGraphStatusCommand } from './contributions/command';
+//# sourceMappingURL=index.js.map

package/es/canvas-dag-extension/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/canvas-dag-extension/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA"}

package/es/canvas-dag-extension/interface.d.ts

@@ -0,0 +1,17 @@
+import { ManaSyringe } from '@sunspirytus/xflow-core';
+import type { IExtensionModule } from '@sunspirytus/xflow-core';
+import type { Graph as X6Graph } from '@antv/x6';
+/** 画布布局 */
+export declare enum LayoutEnum {
+    TOP_BOTTOM = "TB",
+    LEFT_RIGHT = "LR"
+}
+/** DAG Props */
+export interface IProps {
+    layout?: 'TB' | 'LR';
+    router?: X6Graph.Options['connecting']['router'];
+    connector?: X6Graph.Options['connecting']['connector'];
+}
+/** Props Config */
+export declare const IComponentConfig: ManaSyringe.Syringe.DefinedToken;
+export type IComponentConfig = IExtensionModule<IProps>['config'];

package/es/canvas-dag-extension/interface.js

@@ -0,0 +1,10 @@
+import { ManaSyringe } from '@sunspirytus/xflow-core';
+/** 画布布局 */
+export var LayoutEnum;
+(function (LayoutEnum) {
+    LayoutEnum["TOP_BOTTOM"] = "TB";
+    LayoutEnum["LEFT_RIGHT"] = "LR";
+})(LayoutEnum || (LayoutEnum = {}));
+/** Props Config */
+export const IComponentConfig = ManaSyringe.Syringe.defineToken('DAG_EXTENSION_CONFIG');
+//# sourceMappingURL=interface.js.map

package/es/canvas-dag-extension/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/canvas-dag-extension/interface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAIrD,WAAW;AACX,MAAM,CAAN,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,+BAAiB,CAAA;AACnB,CAAC,EAHW,UAAU,KAAV,UAAU,QAGrB;AASD,mBAAmB;AACnB,MAAM,CAAC,MAAM,gBAAgB,GAAG,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAA"}

package/es/canvas-dag-extension/module.d.ts

@@ -0,0 +1,9 @@
+import 'reflect-metadata';
+/** Application 扩展依赖 */
+import type { IExtensionModule } from '@sunspirytus/xflow-core';
+export * from './x6-extension/edge';
+export * from './x6-extension/node';
+import type { IProps } from './interface';
+/** 依赖扩展模块，必须要加载 */
+declare const createDagExtensionModule: IExtensionModule<IProps>['createModule'];
+export { createDagExtensionModule };

package/es/canvas-dag-extension/module.js

@@ -0,0 +1,20 @@
+import 'reflect-metadata';
+import { ManaSyringe } from '@sunspirytus/xflow-core';
+import { DagHooksContribution } from './contributions/dag';
+import { QueryGraphStatusCommand } from './contributions/command';
+export * from './x6-extension/edge';
+export * from './x6-extension/node';
+import { IComponentConfig } from './interface';
+/** 依赖扩展模块，必须要加载 */
+const createDagExtensionModule = config => {
+    return ManaSyringe.Module(register => {
+        /** 扩展 runtime hook */
+        register(DagHooksContribution);
+        register(QueryGraphStatusCommand);
+        register(IComponentConfig, {
+            useValue: config,
+        });
+    });
+};
+export { createDagExtensionModule };
+//# sourceMappingURL=module.js.map

package/es/canvas-dag-extension/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/canvas-dag-extension/module.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAA;AAGzB,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AACjE,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA;AAE9C,mBAAmB;AACnB,MAAM,wBAAwB,GAA6C,MAAM,CAAC,EAAE;IAClF,OAAO,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;QACnC,sBAAsB;QACtB,QAAQ,CAAC,oBAAoB,CAAC,CAAA;QAC9B,QAAQ,CAAC,uBAAuB,CAAC,CAAA;QACjC,QAAQ,CAAmB,gBAAgB,EAAE;YAC3C,QAAQ,EAAE,MAAM;SACjB,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,OAAO,EAAE,wBAAwB,EAAE,CAAA"}

package/es/canvas-dag-extension/style/index.css

@@ -0,0 +1,78 @@
+@keyframes xflow-processing-line {
+  to {
+    stroke-dashoffset: -1000;
+  }
+}
+.dag-extension-container .x6-edge {
+  stroke-width: 1px;
+}
+.dag-extension-container .x6-edge.success path:nth-child(2) {
+  stroke: #d5d5d5 !important;
+}
+.dag-extension-container .x6-edge.success path:nth-child(3) {
+  fill: #d5d5d5 !important;
+  stroke: #d5d5d5 !important;
+}
+.dag-extension-container .x6-edge.error {
+  stroke-width: 2px;
+}
+.dag-extension-container .x6-edge.error path:nth-child(2) {
+  stroke: rgba(245, 34, 45, 0.45) !important;
+  stroke-width: 2px;
+}
+.dag-extension-container .x6-edge.processing path:nth-child(2) {
+  animation: xflow-processing-line 30s infinite linear;
+  stroke: rgba(57, 202, 116, 0.8);
+  stroke-width: 2px;
+  stroke-dasharray: 8px, 2px;
+}
+.dag-extension-container .x6-edge.x6-edge-selected path:nth-child(2) {
+  stroke: #1890ff;
+  stroke-width: 2px;
+}
+.dag-extension-container .x6-edge:hover path:nth-child(2) {
+  stroke: #1890ff;
+  stroke-width: 2px;
+}
+.dag-extension-container .x6-edge.hoverHighlight path:nth-child(2) {
+  stroke: #1890ff;
+  stroke-width: 2px;
+}
+.dag-extension-container .x6-port .xflow-port-group .xflow-port-arrow {
+  display: none;
+}
+.dag-extension-container .x6-port .xflow-port-group.available .xflow-port {
+  stroke: rgba(57, 202, 116, 0.6);
+  r: 8;
+  stroke-width: 8px;
+}
+.dag-extension-container .x6-port .xflow-port-group.connected .xflow-port-arrow {
+  display: block;
+}
+.dag-extension-container .x6-port .xflow-port-group.connected .xflow-port {
+  display: none;
+}
+.dag-extension-container .x6-port .xflow-port-group.adsorbed .xflow-port {
+  stroke: rgba(57, 202, 116, 0.85);
+  r: 10;
+  stroke-width: 10px;
+}
+.layout-top-bottom .x6-port .xflow-port-group .xflow-port-arrow {
+  display: none;
+}
+.layout-top-bottom .x6-port .xflow-port-group.connected .xflow-port-arrow {
+  display: block;
+}
+.layout-top-bottom .x6-port .xflow-port-group.connected .xflow-port {
+  display: none;
+}
+.layout-left-right .x6-port .xflow-port-group .xflow-port-arrow {
+  display: none;
+}
+.layout-left-right .x6-port .xflow-port-group.connected .xflow-port-arrow {
+  display: block;
+  transform: translate(0, 5px) rotate(270deg) !important;
+}
+.layout-left-right .x6-port .xflow-port-group.connected .xflow-port {
+  display: none;
+}

package/es/canvas-dag-extension/style/index.less

@@ -0,0 +1,133 @@
+.dag-extension-container {
+  @keyframes xflow-processing-line {
+    to {
+      stroke-dashoffset: -1000;
+    }
+  }
+  .x6-edge {
+    // 系统状态
+    stroke-width: 1px;
+    &.success {
+      path:nth-child(2) {
+        stroke: #d5d5d5 !important;
+      }
+      path:nth-child(3) {
+        fill: #d5d5d5 !important;
+        stroke: #d5d5d5 !important;
+      }
+    }
+    &.error {
+      stroke-width: 2px;
+      path:nth-child(2) {
+        stroke: rgba(245, 34, 45, 0.45) !important;
+        stroke-width: 2px;
+      }
+    }
+    &.processing {
+      path:nth-child(2) {
+        animation: ~'xflow-processing-line 30s infinite linear';
+        stroke: rgba(57, 202, 116, 0.8);
+        stroke-width: 2px;
+        stroke-dasharray: 8px, 2px;
+      }
+    }
+    // 交互状态
+    &.x6-edge-selected {
+      path:nth-child(2) {
+        stroke: #1890ff;
+        stroke-width: 2px;
+      }
+    }
+    &:hover {
+      path:nth-child(2) {
+        stroke: #1890ff;
+        stroke-width: 2px;
+      }
+    }
+    &.hoverHighlight {
+      path:nth-child(2) {
+        stroke: #1890ff;
+        stroke-width: 2px;
+      }
+    }
+  }
+  // 连线状态
+  .x6-port {
+    .xflow-port-group {
+      // 默认状态
+      .xflow-port-arrow {
+        display: none;
+      }
+      // 可用状态
+      &.available {
+        .xflow-port {
+          stroke: rgba(57, 202, 116, 0.6);
+          r: 8;
+          stroke-width: 8px;
+        }
+      }
+      // 已连接箭头
+      &.connected {
+        .xflow-port-arrow {
+          display: block;
+        }
+        .xflow-port {
+          display: none;
+        }
+      }
+      // 吸附状态
+      &.adsorbed {
+        .xflow-port {
+          stroke: rgba(57, 202, 116, 0.85);
+          r: 10;
+          stroke-width: 10px;
+        }
+      }
+    }
+  }
+}
+
+.layout-top-bottom {
+  // 连线状态
+  .x6-port {
+    .xflow-port-group {
+      // 默认状态
+      .xflow-port-arrow {
+        display: none;
+      }
+
+      // 已连接箭头
+      &.connected {
+        .xflow-port-arrow {
+          display: block;
+        }
+        .xflow-port {
+          display: none;
+        }
+      }
+    }
+  }
+}
+
+.layout-left-right {
+  // 连线状态
+  .x6-port {
+    .xflow-port-group {
+      // 默认状态
+      .xflow-port-arrow {
+        display: none;
+      }
+
+      // 已连接箭头
+      &.connected {
+        .xflow-port-arrow {
+          display: block;
+          transform: ~'translate(0, 5px) rotate(270deg) !important';
+        }
+        .xflow-port {
+          display: none;
+        }
+      }
+    }
+  }
+}

package/es/canvas-dag-extension/x6-extension/edge.d.ts

@@ -0,0 +1,3 @@
+import { EDGE_PATH_TYPE } from '../constants';
+declare let XFlowEdge: import("@antv/x6").Edge.Definition;
+export { EDGE_PATH_TYPE, XFlowEdge };