@sunspirytus/xflow-extension 1.0.52

package/es/canvas-dag-extension/x6-extension/edge.js

@@ -0,0 +1,66 @@
+import { Graph, Path, Registry, Shape } from '@antv/x6';
+import { EDGE_PATH_TYPE, XFLOW_SHAPE } from '../constants';
+if (!Registry.Connector.registry.exist(EDGE_PATH_TYPE.VERTICAL_NODE)) {
+    Graph.registerConnector(EDGE_PATH_TYPE.VERTICAL_NODE, (s, e) => {
+        const offset = 16;
+        const deltaY = Math.abs(e.y - s.y);
+        const control = Math.floor((deltaY / 3) * 2);
+        const v1 = { x: s.x, y: s.y + offset + control };
+        const v2 = { x: e.x, y: e.y - offset - control };
+        return Path.normalize(`M ${s.x} ${s.y}
+         L ${s.x} ${s.y + offset}
+         C ${v1.x} ${v1.y} ${v2.x} ${v2.y} ${e.x} ${e.y - offset}
+         L ${e.x} ${e.y}
+        `);
+    }, true);
+}
+if (!Registry.Connector.registry.exist(EDGE_PATH_TYPE.VERTICAL_GROUP)) {
+    Graph.registerConnector(EDGE_PATH_TYPE.VERTICAL_GROUP, (s, t) => {
+        const offset = 4;
+        const control = Math.abs(t.y - s.y);
+        const v1 = { x: s.x, y: s.y + offset + control };
+        const v2 = { x: t.x, y: t.y - offset - control };
+        return Path.normalize(`M ${s.x} ${s.y}
+       L ${s.x} ${s.y + offset}
+       C ${v1.x} ${v1.y} ${v2.x} ${v2.y} ${t.x} ${t.y - offset}
+       L ${t.x} ${t.y}
+      `);
+    }, true);
+}
+// TODO: fix this vertical function
+if (!Registry.Connector.registry.exist(EDGE_PATH_TYPE.HORIRONTAL_NODE)) {
+    Graph.registerConnector(EDGE_PATH_TYPE.HORIRONTAL_NODE, (s, e) => {
+        const offset = 4;
+        // const control = 80;
+        const deltaY = Math.abs(e.y - s.y);
+        const control = Math.floor((deltaY / 3) * 2);
+        const v1 = { x: s.x, y: s.y + offset + control };
+        const v2 = { x: e.x, y: e.y - offset - control };
+        return Path.normalize(`M ${s.x} ${s.y}
+         L ${s.x} ${s.y + offset}
+         C ${v1.x} ${v1.y} ${v2.x} ${v2.y} ${e.x} ${e.y - offset}
+         L ${e.x} ${e.y}
+        `);
+    }, true);
+}
+let XFlowEdge = Shape.Edge.registry.get(XFLOW_SHAPE.EDGE);
+if (!Shape.Edge.registry.exist(XFLOW_SHAPE.EDGE)) {
+    XFlowEdge = Shape.Edge.registry.register(XFLOW_SHAPE.EDGE, Shape.Edge.define({
+        zIndex: 1,
+        highlight: false,
+        shape: XFLOW_SHAPE.EDGE,
+        // https://x6.antv.vision/zh/docs/api/registry/node-anchor
+        // source: {
+        //   anchor: {
+        //     name: 'bottom',
+        //   },
+        // },
+        // target: {
+        //   anchor: {
+        //     name: 'center',
+        //   },
+        // },
+    }), true);
+}
+export { EDGE_PATH_TYPE, XFlowEdge };
+//# sourceMappingURL=edge.js.map

package/es/canvas-dag-extension/x6-extension/edge.js.map

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

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

@@ -0,0 +1,5 @@
+import { Node } from '@antv/x6';
+import { NsGraph } from '@sunspirytus/xflow-core';
+declare let XFlowNode: Node.Definition;
+declare const AnchorGroup: typeof NsGraph.AnchorGroup;
+export { XFlowNode, AnchorGroup };

package/es/canvas-dag-extension/x6-extension/node.js

@@ -0,0 +1,100 @@
+/* eslint-disable @typescript-eslint/lines-between-class-members */
+import { ReactShape } from '@antv/x6-react-shape';
+import { Node } from '@antv/x6';
+import { XFLOW_NODE_SHAPE, NODE_DEFAULT_WIDTH, NODE_DEFAULT_HEIGHT } from '../constants';
+import { NsGraph, XFlowConstants } from '@sunspirytus/xflow-core';
+let XFlowNode;
+const { AnchorGroup } = NsGraph;
+if (Node.registry.exist(XFLOW_NODE_SHAPE)) {
+    XFlowNode = Node.registry.get(XFLOW_NODE_SHAPE);
+}
+else {
+    XFlowNode = ReactShape.define({
+        width: NODE_DEFAULT_WIDTH,
+        height: NODE_DEFAULT_HEIGHT,
+        shape: XFLOW_NODE_SHAPE,
+        // X6_NODE_PORTAL_NODE_VIEW
+        view: XFlowConstants.X6_NODE_PORTAL_NODE_VIEW,
+        ports: {
+            groups: {
+                top: {
+                    zIndex: 2,
+                    position: {
+                        name: AnchorGroup.TOP,
+                    },
+                },
+                bottom: {
+                    zIndex: 2,
+                    position: {
+                        name: AnchorGroup.BOTTOM,
+                    },
+                },
+                right: {
+                    zIndex: 2,
+                    position: {
+                        name: AnchorGroup.RIGHT,
+                    },
+                },
+                left: {
+                    zIndex: 2,
+                    position: {
+                        name: AnchorGroup.LEFT,
+                    },
+                },
+            },
+        },
+        attrs: {
+            body: {
+                magnet: false,
+                fill: 'none',
+                stroke: 'none',
+                refWidth: '100%',
+                refHeight: '100%',
+                zIndex: 1,
+            },
+        },
+        portMarkup: [
+            {
+                tagName: 'g',
+                selector: 'xflow-port-group',
+                className: 'xflow-port-group',
+                attrs: {
+                    width: 8,
+                    height: 8,
+                    x: -4,
+                    y: -4,
+                    zIndex: 10,
+                    // magnet决定是否可交互
+                    magnet: 'true',
+                },
+                children: [
+                    {
+                        tagName: 'circle',
+                        selector: 'xflow-port',
+                        className: 'xflow-port',
+                        attrs: {
+                            r: 4,
+                            fill: '#fff',
+                            stroke: '#d9d9d9',
+                            zIndex: 12,
+                        },
+                    },
+                    {
+                        tagName: 'polygon',
+                        selector: 'xflow-port-arrow',
+                        className: 'xflow-port-arrow',
+                        attrs: {
+                            points: '0,0 8,0 4,4 ',
+                            fill: '#d9d9d9',
+                            stroke: '#d9d9d9',
+                            zIndex: 13,
+                            transform: 'translate(-4,0)',
+                        },
+                    },
+                ],
+            },
+        ],
+    });
+}
+export { XFlowNode, AnchorGroup };
+//# sourceMappingURL=node.js.map

package/es/canvas-dag-extension/x6-extension/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../../../src/canvas-dag-extension/x6-extension/node.ts"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AACxF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAEjE,IAAI,SAA0B,CAAA;AAE9B,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAA;AAE/B,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE;IACzC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAChD;KAAM;IACL,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC;QAC5B,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,mBAAmB;QAC3B,KAAK,EAAE,gBAAgB;QACvB,2BAA2B;QAC3B,IAAI,EAAE,cAAc,CAAC,wBAAwB;QAC7C,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,GAAG,EAAE;oBACH,MAAM,EAAE,CAAC;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE,WAAW,CAAC,GAAG;qBACtB;iBACF;gBACD,MAAM,EAAE;oBACN,MAAM,EAAE,CAAC;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE,WAAW,CAAC,MAAM;qBACzB;iBACF;gBACD,KAAK,EAAE;oBACL,MAAM,EAAE,CAAC;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE,WAAW,CAAC,KAAK;qBACxB;iBACF;gBACD,IAAI,EAAE;oBACJ,MAAM,EAAE,CAAC;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE,WAAW,CAAC,IAAI;qBACvB;iBACF;aACF;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,MAAM,EAAE,KAAK;gBACb,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,MAAM;gBACjB,MAAM,EAAE,CAAC;aACV;SACF;QACD,UAAU,EAAE;YACV;gBACE,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,kBAAkB;gBAC5B,SAAS,EAAE,kBAAkB;gBAC7B,KAAK,EAAE;oBACL,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,CAAC,EAAE,CAAC,CAAC;oBACL,CAAC,EAAE,CAAC,CAAC;oBACL,MAAM,EAAE,EAAE;oBACV,gBAAgB;oBAChB,MAAM,EAAE,MAAM;iBACf;gBACD,QAAQ,EAAE;oBACR;wBACE,OAAO,EAAE,QAAQ;wBACjB,QAAQ,EAAE,YAAY;wBACtB,SAAS,EAAE,YAAY;wBACvB,KAAK,EAAE;4BACL,CAAC,EAAE,CAAC;4BACJ,IAAI,EAAE,MAAM;4BACZ,MAAM,EAAE,SAAS;4BACjB,MAAM,EAAE,EAAE;yBACX;qBACF;oBACD;wBACE,OAAO,EAAE,SAAS;wBAClB,QAAQ,EAAE,kBAAkB;wBAC5B,SAAS,EAAE,kBAAkB;wBAC7B,KAAK,EAAE;4BACL,MAAM,EAAE,cAAc;4BACtB,IAAI,EAAE,SAAS;4BACf,MAAM,EAAE,SAAS;4BACjB,MAAM,EAAE,EAAE;4BACV,SAAS,EAAE,iBAAiB;yBAC7B;qBACF;iBACF;aACF;SACF;KACF,CAAC,CAAA;CACH;AAED,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}

package/es/canvas-flow-extension/components/index.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FlowGraphExtension: React.FC;

package/es/canvas-flow-extension/components/index.js

@@ -0,0 +1,26 @@
+import { __awaiter } from "tslib";
+import React from 'react';
+import { useExtensionRegistry } from '@sunspirytus/xflow-core';
+import { createFlowExtensionModule } from '../module';
+export const FlowGraphExtension = () => {
+    /** 获取扩展Registry */
+    const extensionRegistry = useExtensionRegistry();
+    const config = React.useMemo(() => ({
+        CONFIG_TYPE: 'DAG_EXTENSION',
+        getConfig: () => __awaiter(void 0, void 0, void 0, function* () { }),
+    }), []);
+    React.useEffect(() => {
+        /** 注册 extension 到 Registry */
+        const disposable = extensionRegistry.addExtension({
+            config: config,
+            createModule: createFlowExtensionModule,
+        });
+        /** 添加 classname */
+        extensionRegistry.addContainerClassNames('flow-extension-container');
+        return () => {
+            disposable.dispose();
+        };
+    }, [config, extensionRegistry]);
+    return null;
+};
+//# sourceMappingURL=index.js.map

package/es/canvas-flow-extension/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/canvas-flow-extension/components/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAC9D,OAAO,EAAE,yBAAyB,EAAE,MAAM,WAAW,CAAA;AAErD,MAAM,CAAC,MAAM,kBAAkB,GAAa,GAAG,EAAE;IAC/C,mBAAmB;IACnB,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAA;IAChD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,WAAW,EAAE,eAAe;QAC5B,SAAS,EAAE,GAAS,EAAE,kDAAE,CAAC,CAAA;KAC1B,CAAC,EACF,EAAE,CACH,CAAA;IAED,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,8BAA8B;QAC9B,MAAM,UAAU,GAAG,iBAAiB,CAAC,YAAY,CAAC;YAChD,MAAM,EAAE,MAAM;YACd,YAAY,EAAE,yBAAyB;SACxC,CAAC,CAAA;QACF,mBAAmB;QACnB,iBAAiB,CAAC,sBAAsB,CAAC,0BAA0B,CAAC,CAAA;QAEpE,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,OAAO,EAAE,CAAA;QACtB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAA;IAE/B,OAAO,IAAI,CAAA;AACb,CAAC,CAAA"}

package/es/canvas-flow-extension/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const XFLOW_NODE_SHAPE = "XFLOW_FLOW_NODE_SHAPE";
+export declare const NODE_DEFAULT_WIDTH = 150;
+export declare const NODE_DEFAULT_HEIGHT = 60;

package/es/canvas-flow-extension/constants.js

@@ -0,0 +1,4 @@
+export const XFLOW_NODE_SHAPE = 'XFLOW_FLOW_NODE_SHAPE';
+export const NODE_DEFAULT_WIDTH = 150;
+export const NODE_DEFAULT_HEIGHT = 60;
+//# sourceMappingURL=constants.js.map

package/es/canvas-flow-extension/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/canvas-flow-extension/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG,uBAAuB,CAAA;AAEvD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;AAErC,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAA"}

package/es/canvas-flow-extension/contributions/flow.d.ts

@@ -0,0 +1,14 @@
+import type { Graph } from '@antv/x6';
+import type { ICmdHooks } from '@sunspirytus/xflow-core';
+import { DisposableCollection, Disposable } from '@sunspirytus/xflow-core';
+import { IHookContribution } from '@sunspirytus/xflow-core';
+export declare const flowOptions: Graph.Options;
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+export declare class FlowHooksContribution implements IHookContribution<ICmdHooks> {
+    toDispose: DisposableCollection;
+    registerHookHub: () => Promise<Disposable>;
+    registerHook: (hooks: ICmdHooks) => Promise<Disposable>;
+}

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

@@ -0,0 +1,144 @@
+import { __awaiter, __decorate } from "tslib";
+import { ManaSyringe, DisposableCollection, Disposable } from '@sunspirytus/xflow-core';
+import { IHookContribution } from '@sunspirytus/xflow-core';
+import { XFlowNode } from '../x6-extension/node';
+import { Shape } from '@antv/x6';
+export const flowOptions = {
+    grid: true,
+    mousewheel: {
+        enabled: true,
+        zoomAtMousePosition: true,
+        modifiers: 'ctrl',
+        minScale: 0.5,
+        maxScale: 3,
+    },
+    connecting: {
+        router: 'manhattan',
+        connector: {
+            name: 'rounded',
+            args: {
+                radius: 8,
+            },
+        },
+        anchor: 'center',
+        connectionPoint: 'anchor',
+        allowBlank: false,
+        snap: {
+            radius: 20,
+        },
+        createEdge() {
+            return new Shape.Edge({
+                attrs: {
+                    line: {
+                        stroke: '#A2B1C3',
+                        strokeWidth: 2,
+                        targetMarker: {
+                            name: 'block',
+                            width: 12,
+                            height: 8,
+                        },
+                    },
+                },
+                zIndex: 0,
+            });
+        },
+        validateConnection({ targetMagnet }) {
+            return !!targetMagnet;
+        },
+    },
+    highlighting: {
+        magnetAdsorbed: {
+            name: 'stroke',
+            args: {
+                attrs: {
+                    fill: '#5F95FF',
+                    stroke: '#5F95FF',
+                },
+            },
+        },
+    },
+    resizing: true,
+    rotating: true,
+    selecting: {
+        enabled: true,
+        rubberband: true,
+        showNodeSelectionBox: true,
+        modifiers: 'shift',
+    },
+    snapline: true,
+    keyboard: true,
+    clipboard: true,
+};
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+let FlowHooksContribution = class FlowHooksContribution {
+    constructor() {
+        this.toDispose = new DisposableCollection();
+        this.registerHookHub = () => __awaiter(this, void 0, void 0, function* () {
+            return Disposable.create(() => { });
+        });
+        this.registerHook = (hooks) => __awaiter(this, void 0, void 0, function* () {
+            const toDispose = new DisposableCollection();
+            const disposables = [
+                hooks.addNode.registerHook({
+                    name: 'flow-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: 'flow-add-edge',
+                    handler: (args) => __awaiter(this, void 0, void 0, function* () {
+                        const cellFactory = (edgeConfig) => __awaiter(this, void 0, void 0, function* () {
+                            delete edgeConfig.id;
+                            const cell = new Shape.Edge({
+                                source: {
+                                    cell: edgeConfig.source,
+                                    port: edgeConfig.sourcePortId,
+                                },
+                                target: {
+                                    cell: edgeConfig.target,
+                                    port: edgeConfig.targetPortId,
+                                },
+                                attrs: {
+                                    line: {
+                                        stroke: '#A2B1C3',
+                                        strokeWidth: 2,
+                                        targetMarker: {
+                                            name: 'block',
+                                            width: 12,
+                                            height: 8,
+                                        },
+                                    },
+                                },
+                                zIndex: -1,
+                                data: Object.assign({}, edgeConfig),
+                            });
+                            return cell;
+                        });
+                        args.cellFactory = cellFactory;
+                    }),
+                }),
+                hooks.graphOptions.registerHook({
+                    name: 'assign options ',
+                    handler: (args) => __awaiter(this, void 0, void 0, function* () {
+                        Object.assign(args, flowOptions);
+                    }),
+                }),
+            ];
+            toDispose.pushAll(disposables);
+            return Disposable.create(() => { });
+        });
+    }
+};
+FlowHooksContribution = __decorate([
+    ManaSyringe.singleton({ contrib: IHookContribution })
+], FlowHooksContribution);
+export { FlowHooksContribution };
+//# sourceMappingURL=flow.js.map

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

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

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

@@ -0,0 +1 @@
+export { FlowGraphExtension } from './components';

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

@@ -0,0 +1,2 @@
+export { FlowGraphExtension } from './components';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/canvas-flow-extension/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAA"}

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

@@ -0,0 +1,7 @@
+import 'reflect-metadata';
+/** Application 扩展依赖 */
+import { ManaSyringe } from '@sunspirytus/xflow-core';
+export * from './x6-extension/node';
+/** 依赖扩展模块，必须要加载 */
+declare const createFlowExtensionModule: () => ManaSyringe.SyringeModule;
+export { createFlowExtensionModule };

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

@@ -0,0 +1,14 @@
+import 'reflect-metadata';
+/** Application 扩展依赖 */
+import { ManaSyringe } from '@sunspirytus/xflow-core';
+import { FlowHooksContribution } from './contributions/flow';
+export * from './x6-extension/node';
+/** 依赖扩展模块，必须要加载 */
+const createFlowExtensionModule = () => {
+    return ManaSyringe.Module(register => {
+        /** 扩展 runtime hook */
+        register(FlowHooksContribution);
+    });
+};
+export { createFlowExtensionModule };
+//# sourceMappingURL=module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/canvas-flow-extension/module.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAA;AACzB,uBAAuB;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAA;AAE5D,cAAc,qBAAqB,CAAA;AAEnC,mBAAmB;AACnB,MAAM,yBAAyB,GAAG,GAAG,EAAE;IACrC,OAAO,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;QACnC,sBAAsB;QACtB,QAAQ,CAAC,qBAAqB,CAAC,CAAA;IACjC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,OAAO,EAAE,yBAAyB,EAAE,CAAA"}

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

@@ -0,0 +1,65 @@
+.flow-extension-container .x6-edge {
+  stroke-width: 1px;
+}
+.flow-extension-container .x6-edge.success path:nth-child(2) {
+  stroke: #888 !important;
+}
+.flow-extension-container .x6-edge.success path:nth-child(3) {
+  fill: #888 !important;
+  stroke: #888 !important;
+}
+.flow-extension-container .x6-edge.error {
+  stroke-width: 2px;
+}
+.flow-extension-container .x6-edge.error path:nth-child(2) {
+  stroke: rgba(245, 34, 45, 0.45) !important;
+  stroke-width: 2px;
+}
+.flow-extension-container .x6-edge.guideProcessing path:nth-child(2) {
+  stroke: rgba(57, 202, 116, 0.8);
+  stroke-width: 2px;
+  stroke-dasharray: 8px, 2px;
+}
+.flow-extension-container .x6-edge.guideProcessing path:nth-child(2):local {
+  animation: processing-line 30s infinite linear;
+}
+.flow-extension-container .x6-edge.x6-edge-selected path:nth-child(2) {
+  stroke: #1890ff;
+  stroke-width: 2px;
+}
+.flow-extension-container .x6-edge:hover path:nth-child(2) {
+  stroke: #1890ff;
+  stroke-width: 2px;
+}
+.flow-extension-container .x6-edge.hoverHighlight path:nth-child(2) {
+  stroke: #1890ff;
+  stroke-width: 2px;
+}
+@keyframes processing-line {
+  to {
+    stroke-dashoffset: -1000;
+  }
+}
+.flow-extension-container .x6-widget-transform {
+  margin: -1px 0 0 -1px;
+  padding: 0;
+  border: 1px solid #239edd;
+}
+.flow-extension-container .x6-widget-transform > div {
+  border: 1px solid #239edd;
+}
+.flow-extension-container .x6-widget-transform > div:hover {
+  background-color: #3dafe4;
+}
+.flow-extension-container .x6-widget-transform-active-handle {
+  background-color: #3dafe4;
+}
+.flow-extension-container .x6-widget-transform-resize {
+  border-radius: 0;
+}
+.flow-extension-container .x6-widget-selection-inner {
+  border: 1px solid #239edd;
+}
+.flow-extension-container .x6-widget-selection-box {
+  opacity: 0;
+}

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

@@ -0,0 +1,78 @@
+.flow-extension-container {
+  .x6-edge {
+    stroke-width: 1px;
+    &.success {
+      path:nth-child(2) {
+        stroke: #888 !important;
+      }
+      path:nth-child(3) {
+        fill: #888 !important;
+        stroke: #888 !important;
+      }
+    }
+    &.error {
+      stroke-width: 2px;
+      path:nth-child(2) {
+        stroke: rgba(245, 34, 45, 0.45) !important;
+        stroke-width: 2px;
+      }
+    }
+    &.guideProcessing {
+      path:nth-child(2) {
+        stroke: rgba(57, 202, 116, 0.8);
+        stroke-width: 2px;
+        stroke-dasharray: 8px, 2px;
+        &:local {
+          animation: processing-line 30s infinite linear;
+        }
+      }
+    }
+    &.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;
+      }
+    }
+    @keyframes processing-line {
+      to {
+        stroke-dashoffset: -1000;
+      }
+    }
+  }
+
+  .x6-widget-transform {
+    margin: -1px 0 0 -1px;
+    padding: 0;
+    border: 1px solid #239edd;
+  }
+  .x6-widget-transform > div {
+    border: 1px solid #239edd;
+  }
+  .x6-widget-transform > div:hover {
+    background-color: #3dafe4;
+  }
+  .x6-widget-transform-active-handle {
+    background-color: #3dafe4;
+  }
+  .x6-widget-transform-resize {
+    border-radius: 0;
+  }
+  .x6-widget-selection-inner {
+    border: 1px solid #239edd;
+  }
+  .x6-widget-selection-box {
+    opacity: 0;
+  }
+}

package/es/canvas-flow-extension/x6-extension/node.d.ts

@@ -0,0 +1,5 @@
+import { Node } from '@antv/x6';
+import { NsGraph } from '@sunspirytus/xflow-core';
+declare let XFlowNode: Node.Definition;
+declare const AnchorGroup: typeof NsGraph.AnchorGroup;
+export { XFlowNode, AnchorGroup };

package/es/canvas-flow-extension/x6-extension/node.js

@@ -0,0 +1,62 @@
+/* eslint-disable @typescript-eslint/lines-between-class-members */
+import { ReactShape } from '@antv/x6-react-shape';
+import { Node } from '@antv/x6';
+import { XFLOW_NODE_SHAPE, NODE_DEFAULT_WIDTH, NODE_DEFAULT_HEIGHT } from '../constants';
+import { NsGraph, XFlowConstants } from '@sunspirytus/xflow-core';
+let XFlowNode;
+const { AnchorGroup } = NsGraph;
+const portAttrs = {
+    circle: {
+        r: 4,
+        magnet: true,
+        stroke: '#5F95FF',
+        strokeWidth: 1,
+        fill: '#fff',
+        style: {
+            visibility: 'hidden',
+        },
+    },
+};
+if (Node.registry.exist(XFLOW_NODE_SHAPE)) {
+    XFlowNode = Node.registry.get(XFLOW_NODE_SHAPE);
+}
+else {
+    XFlowNode = ReactShape.define({
+        width: NODE_DEFAULT_WIDTH,
+        height: NODE_DEFAULT_HEIGHT,
+        shape: XFLOW_NODE_SHAPE,
+        // X6_NODE_PORTAL_NODE_VIEW
+        view: XFlowConstants.X6_NODE_PORTAL_NODE_VIEW,
+        ports: {
+            groups: {
+                top: {
+                    position: AnchorGroup.TOP,
+                    attrs: portAttrs,
+                },
+                bottom: {
+                    position: AnchorGroup.BOTTOM,
+                    attrs: portAttrs,
+                },
+                right: {
+                    position: AnchorGroup.RIGHT,
+                    attrs: portAttrs,
+                },
+                left: {
+                    position: AnchorGroup.LEFT,
+                    attrs: portAttrs,
+                },
+            },
+        },
+        attrs: {
+            body: {
+                magnet: false,
+                fill: 'none',
+                stroke: 'none',
+                refWidth: '100%',
+                refHeight: '100%',
+            },
+        },
+    });
+}
+export { XFlowNode, AnchorGroup };
+//# sourceMappingURL=node.js.map

package/es/canvas-flow-extension/x6-extension/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../../../src/canvas-flow-extension/x6-extension/node.ts"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AACxF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AAEjE,IAAI,SAA0B,CAAA;AAE9B,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAA;AAE/B,MAAM,SAAS,GAAG;IAChB,MAAM,EAAE;QACN,CAAC,EAAE,CAAC;QACJ,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,CAAC;QACd,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;SACrB;KACF;CACF,CAAA;AAED,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE;IACzC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAChD;KAAM;IACL,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC;QAC5B,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,mBAAmB;QAC3B,KAAK,EAAE,gBAAgB;QACvB,2BAA2B;QAC3B,IAAI,EAAE,cAAc,CAAC,wBAAwB;QAC7C,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,GAAG,EAAE;oBACH,QAAQ,EAAE,WAAW,CAAC,GAAG;oBACzB,KAAK,EAAE,SAAS;iBACjB;gBACD,MAAM,EAAE;oBACN,QAAQ,EAAE,WAAW,CAAC,MAAM;oBAC5B,KAAK,EAAE,SAAS;iBACjB;gBACD,KAAK,EAAE;oBACL,QAAQ,EAAE,WAAW,CAAC,KAAK;oBAC3B,KAAK,EAAE,SAAS;iBACjB;gBACD,IAAI,EAAE;oBACJ,QAAQ,EAAE,WAAW,CAAC,IAAI;oBAC1B,KAAK,EAAE,SAAS;iBACjB;aACF;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,MAAM,EAAE,KAAK;gBACb,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,MAAM;aAClB;SACF;KACF,CAAC,CAAA;CACH;AAED,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}