@sunspirytus/xflow-extension 1.0.52

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

@@ -0,0 +1,410 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DagHooksContribution = exports.getDagOptions = exports.ANT_PREFIX = exports.DAG_DEFAULT_CONIFG = exports.NsAddEdgeEvent = void 0;
+var tslib_1 = require("tslib");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var xflow_core_2 = require("@sunspirytus/xflow-core");
+var xflow_hook_1 = require("@sunspirytus/xflow-hook");
+var node_1 = require("../x6-extension/node");
+var edge_1 = require("../x6-extension/edge");
+var constants_1 = require("../constants");
+var command_1 = require("./command");
+var interface_1 = require("../interface");
+var interface_2 = require("../interface");
+var NsAddEdgeEvent;
+(function (NsAddEdgeEvent) {
+    NsAddEdgeEvent.EVENT_NAME = 'ADD_EDGE_CMD_EVENT';
+})(NsAddEdgeEvent = exports.NsAddEdgeEvent || (exports.NsAddEdgeEvent = {}));
+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 = exports.DAG_DEFAULT_CONIFG || (exports.DAG_DEFAULT_CONIFG = {}));
+exports.ANT_PREFIX = 'ant';
+var getDagOptions = function (props) {
+    var layout = props.layout, _a = props.router, router = _a === void 0 ? DAG_DEFAULT_CONIFG.router : _a, _b = props.connector, connector = _b === void 0 ? DAG_DEFAULT_CONIFG.connector : _b;
+    var 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 === interface_1.LayoutEnum.TOP_BOTTOM ? 'bottom' : 'right' : "center",
+            //链接桩的位置 https://x6.antv.vision/zh/docs/api/registry/node-anchor
+            targetAnchor: layout ? layout === interface_1.LayoutEnum.TOP_BOTTOM ? 'center' : 'left' : "center",
+            connectionPoint: 'anchor',
+            snap: { radius: 20 },
+            router: router,
+            connector: connector,
+            highlight: true,
+            dangling: false,
+            createEdge: function () {
+                /* eslint-disable-next-line @typescript-eslint/no-this-alias */
+                var graph = this;
+                var edge = new edge_1.XFlowEdge({
+                    attrs: {
+                        line: {
+                            strokeDasharray: '5 5',
+                            stroke: '#888',
+                            strokeWidth: 1,
+                            targetMarker: {
+                                name: 'block',
+                                args: {
+                                    size: '6',
+                                },
+                            },
+                        },
+                    },
+                });
+                var addEdge = function (args) {
+                    var isNew = args.isNew;
+                    var edgeCell = args.edge;
+                    /** 没有edge:connected时，会导致graph.once的事件没有执行 */
+                    if (isNew && edgeCell.isEdge() && edgeCell === edge) {
+                        var portId = edgeCell.getTargetPortId();
+                        var targetNode = edgeCell.getTargetCell();
+                        if (targetNode && targetNode.isNode()) {
+                            targetNode.setPortProp(portId, 'connected', false);
+                            edgeCell.attr({
+                                line: {
+                                    strokeDasharray: '',
+                                    targetMarker: '',
+                                    stroke: '#d5d5d5',
+                                },
+                            });
+                            var targetPortId = edgeCell.getTargetPortId();
+                            var sourcePortId = edgeCell.getSourcePortId();
+                            var sourceCellId = edgeCell.getSourceCellId();
+                            var targetCellId = edgeCell.getTargetCellId();
+                            graph.trigger(NsAddEdgeEvent.EVENT_NAME, {
+                                targetPortId: targetPortId,
+                                sourcePortId: sourcePortId,
+                                source: sourceCellId,
+                                target: targetCellId,
+                                edge: edge,
+                            });
+                        }
+                    }
+                };
+                graph.once('edge:connected', addEdge);
+                return edge;
+            },
+            validateEdge: function (args) {
+                var _a;
+                var edge = args.edge;
+                return !!((_a = edge === null || edge === void 0 ? void 0 : edge.target) === null || _a === void 0 ? void 0 : _a.port);
+            },
+            // 是否触发交互事件
+            validateMagnet: function (_a) {
+                var magnet = _a.magnet, cell = _a.cell;
+                var inputPortInfo = cell.getData().ports.filter(function (portItem) { return portItem.type === xflow_core_1.NsGraph.AnchorType.INPUT; });
+                if (inputPortInfo.length > 0) {
+                    return magnet.getAttribute('port-group') !== inputPortInfo[0].group;
+                }
+                return false;
+            },
+            // 显示可用的链接桩
+            validateConnection: function (_a) {
+                var sourceView = _a.sourceView, targetView = _a.targetView, sourceMagnet = _a.sourceMagnet, targetMagnet = _a.targetMagnet;
+                // 不允许连接到自己
+                if (sourceView === targetView) {
+                    return false;
+                }
+                if (!sourceMagnet || !targetMagnet) {
+                    return false;
+                }
+                // 非自定义布局
+                if (layout) {
+                    var targetPortType = layout === interface_1.LayoutEnum.TOP_BOTTOM ? xflow_core_1.NsGraph.AnchorGroup.TOP : xflow_core_1.NsGraph.AnchorGroup.LEFT;
+                    // 只能从上游节点的输出链接桩创建连接
+                    if (sourceMagnet.getAttribute('port-group') === targetPortType) {
+                        return false;
+                    }
+                    // 只能连接到下游节点的输入桩
+                    if (targetMagnet.getAttribute('port-group') !== targetPortType) {
+                        return false;
+                    }
+                }
+                // 判断源链接桩是否可连接
+                var sourceNode = sourceView.cell;
+                var sourcePortId = sourceMagnet.getAttribute('port');
+                if (!sourcePortId) {
+                    return false;
+                }
+                var sourcePort = sourceNode.getPort(sourcePortId);
+                if (sourcePort.type !== xflow_core_1.NsGraph.AnchorType.OUTPUT) {
+                    return false;
+                }
+                // 判断目标链接桩是否可连接
+                var targetNode = targetView.cell;
+                var targetPortId = targetMagnet.getAttribute('port');
+                if (!targetPortId) {
+                    return false;
+                }
+                var targetPort = targetNode.getPort(targetPortId);
+                if (targetPort.type !== xflow_core_1.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;
+};
+exports.getDagOptions = getDagOptions;
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+var DagHooksContribution = /** @class */ (function () {
+    function DagHooksContribution() {
+        var _this = this;
+        /** 注册Command */
+        this.registerGraphCommands = function (commands) {
+            commands.registerCommand(command_1.NsGraphStatusCommand.command, {
+                createCommand: _this.commandFactory,
+            });
+        };
+        /** 注册Hub */
+        this.toDispose = new xflow_core_1.DisposableCollection();
+        /** 注册Hook */
+        this.registerHook = function (hooks) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            var toDispose, disposables;
+            var _this = this;
+            return tslib_1.__generator(this, function (_a) {
+                toDispose = new xflow_core_1.DisposableCollection();
+                disposables = [
+                    hooks.addNode.registerHook({
+                        name: 'dag-add-node',
+                        handler: function (args) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                            var cellFactory;
+                            var _this = this;
+                            return tslib_1.__generator(this, function (_a) {
+                                cellFactory = function (nodeConfig) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                    var node;
+                                    return tslib_1.__generator(this, function (_a) {
+                                        node = new node_1.XFlowNode(tslib_1.__assign({}, nodeConfig));
+                                        return [2 /*return*/, node];
+                                    });
+                                }); };
+                                args.cellFactory = cellFactory;
+                                return [2 /*return*/];
+                            });
+                        }); },
+                    }),
+                    hooks.addEdge.registerHook({
+                        name: 'dag-add-edge',
+                        handler: function (args) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                            var _a, layout, cellFactory;
+                            var _this = this;
+                            return tslib_1.__generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0: return [4 /*yield*/, this.propConfig.getConfig()];
+                                    case 1:
+                                        _a = (_b.sent()).layout, layout = _a === void 0 ? interface_1.LayoutEnum.TOP_BOTTOM : _a;
+                                        cellFactory = function (edgeConfig) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                            var cell;
+                                            return tslib_1.__generator(this, function (_a) {
+                                                cell = new edge_1.XFlowEdge(tslib_1.__assign(tslib_1.__assign({}, edgeConfig), { id: edgeConfig.id, source: {
+                                                        cell: edgeConfig.source,
+                                                        port: edgeConfig.sourcePortId,
+                                                        anchor: {
+                                                            name: layout === interface_1.LayoutEnum.TOP_BOTTOM ? 'bottom' : 'right',
+                                                        },
+                                                    }, target: {
+                                                        cell: edgeConfig.target,
+                                                        port: edgeConfig.targetPortId,
+                                                        anchor: {
+                                                            name: layout === interface_1.LayoutEnum.TOP_BOTTOM ? 'center' : 'right',
+                                                        },
+                                                    }, attrs: {
+                                                        line: {
+                                                            strokeDasharray: '',
+                                                            targetMarker: '',
+                                                            stroke: '#d5d5d5',
+                                                            strokeWidth: 1,
+                                                        },
+                                                    }, data: tslib_1.__assign({}, edgeConfig) }));
+                                                return [2 /*return*/, cell];
+                                            });
+                                        }); };
+                                        args.cellFactory = cellFactory;
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); },
+                    }),
+                    hooks.addEdge.registerHook({
+                        name: 'after add edge, set target port props',
+                        handler: function (handlerArgs, handler) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                            var main;
+                            var _this = this;
+                            return tslib_1.__generator(this, function (_a) {
+                                main = function (args) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                    var res, targetNode, portId;
+                                    return tslib_1.__generator(this, function (_a) {
+                                        switch (_a.label) {
+                                            case 0: return [4 /*yield*/, handler(args)];
+                                            case 1:
+                                                res = _a.sent();
+                                                if (res && res.edgeCell) {
+                                                    targetNode = res.edgeCell.getTargetCell();
+                                                    portId = res.edgeCell.getTargetPortId();
+                                                    targetNode.setPortProp(portId, 'connected', true);
+                                                }
+                                                return [2 /*return*/, res];
+                                        }
+                                    });
+                                }); };
+                                return [2 /*return*/, main];
+                            });
+                        }); },
+                    }),
+                    hooks.delEdge.registerHook({
+                        name: 'afetr del edge, reset target node port props',
+                        handler: function (args, handler) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                            var newHandler;
+                            var _this = this;
+                            return tslib_1.__generator(this, function (_a) {
+                                newHandler = function (handlerArgs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                                    var result, targetCell, targetPortId;
+                                    return tslib_1.__generator(this, function (_a) {
+                                        switch (_a.label) {
+                                            case 0: return [4 /*yield*/, handler(handlerArgs)];
+                                            case 1:
+                                                result = _a.sent();
+                                                targetCell = result.targetCell, targetPortId = result.targetPortId;
+                                                if (targetCell && targetCell.isNode() && targetPortId) {
+                                                    targetCell.setPortProp(targetPortId, 'connected', false);
+                                                }
+                                                return [2 /*return*/, result];
+                                        }
+                                    });
+                                }); };
+                                return [2 /*return*/, newHandler];
+                            });
+                        }); },
+                    }),
+                    hooks.afterGraphInit.registerHook({
+                        name: 'call add edge to replace temp edge',
+                        handler: function (handlerArgs) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                            var commandService, graph;
+                            return tslib_1.__generator(this, function (_a) {
+                                commandService = handlerArgs.commandService, graph = handlerArgs.graph;
+                                graph.on(NsAddEdgeEvent.EVENT_NAME, function (args) {
+                                    commandService.executeCommand(xflow_core_1.XFlowEdgeCommands.ADD_EDGE.id, { edgeConfig: args });
+                                    args.edge.remove();
+                                });
+                                return [2 /*return*/];
+                            });
+                        }); },
+                    }),
+                    hooks.graphOptions.registerHook({
+                        name: 'dag-extension-x6-options',
+                        handler: function (args) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                            var props, dagOptions;
+                            return tslib_1.__generator(this, function (_a) {
+                                switch (_a.label) {
+                                    case 0: return [4 /*yield*/, this.propConfig.getConfig()];
+                                    case 1:
+                                        props = _a.sent();
+                                        dagOptions = (0, exports.getDagOptions)(props);
+                                        Object.assign(args, dagOptions);
+                                        return [2 /*return*/];
+                                }
+                            });
+                        }); },
+                    }),
+                ];
+                toDispose.pushAll(disposables);
+                return [2 /*return*/, xflow_core_1.Disposable.create(function () { })];
+            });
+        }); };
+        /** 注册Hub */
+        this.registerHookHub = function (registry) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+            return tslib_1.__generator(this, function (_a) {
+                return [2 /*return*/, registry.registerHookHub(command_1.NsGraphStatusCommand.hookKey, new xflow_hook_1.HookHub())];
+            });
+        }); };
+    }
+    /** 扩展Model */
+    DagHooksContribution.prototype.registerModel = function (registry) {
+        var _this = this;
+        /** node status map */
+        registry.registerModel({
+            id: constants_1.GRAPH_STATUS_INFO.id,
+            getInitialValue: function () { return ({
+                statusMap: new Map(),
+                subscription: new xflow_core_1.DisposableCollection(),
+                graphStatus: constants_1.GRAPH_STATUS_INFO.StatusEnum.PENDING,
+            }); },
+            watchChange: function (self) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+                var subscription;
+                return tslib_1.__generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, self.getValidValue()];
+                        case 1:
+                            subscription = (_a.sent()).subscription;
+                            return [2 /*return*/, subscription];
+                    }
+                });
+            }); },
+        });
+    };
+    tslib_1.__decorate([
+        xflow_core_1.ManaSyringe.inject(xflow_core_2.IGraphCommandFactory),
+        tslib_1.__metadata("design:type", Function)
+    ], DagHooksContribution.prototype, "commandFactory", void 0);
+    tslib_1.__decorate([
+        xflow_core_1.ManaSyringe.inject(interface_2.IComponentConfig),
+        tslib_1.__metadata("design:type", Object)
+    ], DagHooksContribution.prototype, "propConfig", void 0);
+    DagHooksContribution = tslib_1.__decorate([
+        xflow_core_1.ManaSyringe.singleton({
+            contrib: [xflow_core_2.IHookContribution, xflow_core_2.IModelContribution, xflow_core_2.IGraphCommandContribution],
+        })
+    ], DagHooksContribution);
+    return DagHooksContribution;
+}());
+exports.DagHooksContribution = DagHooksContribution;
+//# sourceMappingURL=dag.js.map

package/lib/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/lib/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/lib/canvas-dag-extension/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NsGraphStatusCommand = exports.XFlowDagCommands = exports.GRAPH_STATUS_INFO = exports.DagGraphExtension = void 0;
+var components_1 = require("./components");
+Object.defineProperty(exports, "DagGraphExtension", { enumerable: true, get: function () { return components_1.DagGraphExtension; } });
+var constants_1 = require("./constants");
+Object.defineProperty(exports, "GRAPH_STATUS_INFO", { enumerable: true, get: function () { return constants_1.GRAPH_STATUS_INFO; } });
+Object.defineProperty(exports, "XFlowDagCommands", { enumerable: true, get: function () { return constants_1.XFlowDagCommands; } });
+var command_1 = require("./contributions/command");
+Object.defineProperty(exports, "NsGraphStatusCommand", { enumerable: true, get: function () { return command_1.NsGraphStatusCommand; } });
+//# sourceMappingURL=index.js.map

package/lib/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,2CAAgD;AAAvC,+GAAA,iBAAiB,OAAA;AAC1B,yCAAiE;AAAxD,8GAAA,iBAAiB,OAAA;AAAE,6GAAA,gBAAgB,OAAA;AAC5C,mDAA8D;AAArD,+GAAA,oBAAoB,OAAA"}

package/lib/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/lib/canvas-dag-extension/interface.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IComponentConfig = exports.LayoutEnum = void 0;
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+/** 画布布局 */
+var LayoutEnum;
+(function (LayoutEnum) {
+    LayoutEnum["TOP_BOTTOM"] = "TB";
+    LayoutEnum["LEFT_RIGHT"] = "LR";
+})(LayoutEnum = exports.LayoutEnum || (exports.LayoutEnum = {}));
+/** Props Config */
+exports.IComponentConfig = xflow_core_1.ManaSyringe.Syringe.defineToken('DAG_EXTENSION_CONFIG');
+//# sourceMappingURL=interface.js.map

package/lib/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,sDAAqD;AAIrD,WAAW;AACX,IAAY,UAGX;AAHD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,+BAAiB,CAAA;AACnB,CAAC,EAHW,UAAU,GAAV,kBAAU,KAAV,kBAAU,QAGrB;AASD,mBAAmB;AACN,QAAA,gBAAgB,GAAG,wBAAW,CAAC,OAAO,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAA"}

package/lib/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/lib/canvas-dag-extension/module.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createDagExtensionModule = void 0;
+var tslib_1 = require("tslib");
+require("reflect-metadata");
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var dag_1 = require("./contributions/dag");
+var command_1 = require("./contributions/command");
+tslib_1.__exportStar(require("./x6-extension/edge"), exports);
+tslib_1.__exportStar(require("./x6-extension/node"), exports);
+var interface_1 = require("./interface");
+/** 依赖扩展模块，必须要加载 */
+var createDagExtensionModule = function (config) {
+    return xflow_core_1.ManaSyringe.Module(function (register) {
+        /** 扩展 runtime hook */
+        register(dag_1.DagHooksContribution);
+        register(command_1.QueryGraphStatusCommand);
+        register(interface_1.IComponentConfig, {
+            useValue: config,
+        });
+    });
+};
+exports.createDagExtensionModule = createDagExtensionModule;
+//# sourceMappingURL=module.js.map

package/lib/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,4BAAyB;AAGzB,sDAAqD;AACrD,2CAA0D;AAC1D,mDAAiE;AACjE,8DAAmC;AACnC,8DAAmC;AAEnC,yCAA8C;AAE9C,mBAAmB;AACnB,IAAM,wBAAwB,GAA6C,UAAA,MAAM;IAC/E,OAAO,wBAAW,CAAC,MAAM,CAAC,UAAA,QAAQ;QAChC,sBAAsB;QACtB,QAAQ,CAAC,0BAAoB,CAAC,CAAA;QAC9B,QAAQ,CAAC,iCAAuB,CAAC,CAAA;QACjC,QAAQ,CAAmB,4BAAgB,EAAE;YAC3C,QAAQ,EAAE,MAAM;SACjB,CAAC,CAAA;IACJ,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAEQ,4DAAwB"}

package/lib/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;
+}