@sunspirytus/xflow-core 1.0.52

package/es/xflow-main/graph/graph-provider.js

@@ -0,0 +1,196 @@
+import { __awaiter, __decorate, __metadata } from "tslib";
+import ReactDOM from 'react-dom';
+import { Graph as X6Graph, Dom } from '@antv/x6';
+import { DisposableCollection, Disposable } from '../../common/disposable';
+import { Deferred } from '../../common/deferred';
+import { IGraphOptionProvider } from './config';
+import { singleton, inject, Syringe } from 'mana-syringe';
+import { IGraphCommandService } from '../../command';
+import { IModelService } from '../../model-service/interface';
+import { IHookService } from '../../hooks';
+import { getEdgeReactComponent } from '../../command-contributions/components/context';
+import { XFLOW_DEFAULT_EDGE } from '../../constants';
+/** !!! 所有需要使用Graph相关信息的地方, 都统一使用IGraphProvider来获取 */
+export const IGraphProvider = Symbol('IGraphProvider');
+export const ICommandServiceProvider = Symbol('ICommandServiceProvider');
+export const IModelServiceProvider = Symbol('IModelServiceProvider');
+let GraphManager = class GraphManager {
+    constructor() {
+        /** 处理画布实例的销毁 */
+        this.toDispose = new DisposableCollection();
+        /** 储存画布实例 */
+        this.graphMap = new Map();
+        /** 获取X6 Graph 实例 */
+        this.getGraph = (graphId) => __awaiter(this, void 0, void 0, function* () {
+            let graphDefer = this.graphMap.get(graphId);
+            if (!graphDefer) {
+                graphDefer = new Deferred();
+                this.graphMap.set(graphId, graphDefer);
+                const options = yield this.optionProvider.getOptions();
+                /** 获取hooks实例： hooks方便其他组件可以修改注册graphOpions/events */
+                const hooks = this.hookService.hookProvider();
+                /** 执行hooks：获取graphOptions */
+                const mergedOptions = yield hooks.graphOptions.call(options.x6Options);
+                const { graphContainer, edgeRender, nodeRender, edgeTypeParser } = options;
+                /** 执行hooks：获取edge label render */
+                const edgeRenderMap = yield hooks.reactEdgeLabelRender.call(edgeRender);
+                /** 执行hooks：更新nodeRender */
+                yield hooks.reactNodeRender.call(nodeRender);
+                const { clientHeight, clientWidth } = graphContainer;
+                const commandService = yield this.commandServiceProvider.getCommandService();
+                const modelService = yield this.modelServiceProvider.getModelService();
+                /** 实例化 X6 Graph */
+                const graph = new X6Graph(Object.assign(Object.assign({ container: graphContainer, width: clientWidth, height: clientHeight }, mergedOptions), { 
+                    /** X6提供了边渲染的钩子, 可以在这里设置边上需要渲染的React内容 */
+                    onEdgeLabelRendered: args => {
+                        const { edge, container } = args;
+                        this.renderEdgeReactLabel({
+                            edge,
+                            container,
+                            edgeRenderMap,
+                            edgeTypeParser,
+                            modelService,
+                            commandService,
+                        });
+                    } }));
+                /** 执行hooks：绑定事件执行api */
+                yield hooks.afterGraphInit.call({
+                    graph,
+                    commandService,
+                    modelService,
+                    options,
+                });
+                graphDefer.resolve(graph);
+                graph.on('node:moved', ({ node }) => {
+                    const nodeData = node.getData();
+                    const position = node.position();
+                    node.setData(Object.assign(Object.assign({}, nodeData), { x: position === null || position === void 0 ? void 0 : position.x, y: position === null || position === void 0 ? void 0 : position.y }));
+                });
+                graph.on('node:resized', ({ node }) => {
+                    const nodeData = node.getData();
+                    const size = node.size();
+                    node.setData(Object.assign(Object.assign({}, nodeData), { width: size === null || size === void 0 ? void 0 : size.width, height: size === null || size === void 0 ? void 0 : size.height }));
+                });
+                this.toDispose.push(Disposable.create(() => __awaiter(this, void 0, void 0, function* () {
+                    yield hooks.beforeGraphDestroy.call({
+                        graph,
+                        commandService,
+                        modelService,
+                        options,
+                    });
+                    this.graphMap.delete(graphId);
+                    graph.dispose();
+                })));
+            }
+            return graphDefer.promise;
+        });
+        this.renderEdgeReactLabel = (args) => __awaiter(this, void 0, void 0, function* () {
+            const { container, edgeTypeParser, edge, edgeRenderMap, commandService, modelService } = args;
+            const renderKey = edgeTypeParser(edge === null || edge === void 0 ? void 0 : edge.data) || XFLOW_DEFAULT_EDGE;
+            const reactComponent = edgeRenderMap.get(renderKey);
+            if (!reactComponent) {
+                return;
+            }
+            if (edge && (edge === null || edge === void 0 ? void 0 : edge.data) && reactComponent) {
+                const content = this.edgeAppendForeignObject(edge, container);
+                const WrappedReactComponent = getEdgeReactComponent(reactComponent, commandService, modelService)(edge);
+                ReactDOM.render(WrappedReactComponent, content);
+            }
+        });
+    }
+    /** 实现在连线上渲染React节点 */
+    edgeAppendForeignObject(x6Edge, container) {
+        const fo = Dom.createSvgElement('foreignObject');
+        const body = Dom.createElementNS('body', Dom.ns.xhtml);
+        const content = Dom.createElementNS('div', Dom.ns.xhtml);
+        const edgeData = x6Edge === null || x6Edge === void 0 ? void 0 : x6Edge.data;
+        const foWidth = (edgeData === null || edgeData === void 0 ? void 0 : edgeData.edgeContentWidth) || 100;
+        const foHeight = (edgeData === null || edgeData === void 0 ? void 0 : edgeData.edgeContentHeight) || 30;
+        fo.setAttribute('width', `${foWidth}`);
+        fo.setAttribute('height', `${foHeight}`);
+        fo.setAttribute('x', `${(-1.0 * foWidth) / 2}`);
+        fo.setAttribute('y', `${(-1.0 * foHeight) / 2}`);
+        body.setAttribute('xhtmls', Dom.ns.xhtml);
+        body.style.width = '100%';
+        body.style.height = '100%';
+        body.style.padding = '0';
+        body.style.margin = '0';
+        body.style.background = 'unset';
+        body.style.overflow = 'visible';
+        body.className = 'xflow-edge-label-body';
+        content.style.width = '100%';
+        content.style.height = '100%';
+        body.appendChild(content);
+        fo.appendChild(body);
+        container.appendChild(fo);
+        return content;
+    }
+    dispose() {
+        this.toDispose.dispose();
+    }
+};
+__decorate([
+    inject(IGraphOptionProvider),
+    __metadata("design:type", Object)
+], GraphManager.prototype, "optionProvider", void 0);
+__decorate([
+    inject(IHookService),
+    __metadata("design:type", Object)
+], GraphManager.prototype, "hookService", void 0);
+__decorate([
+    inject(ICommandServiceProvider),
+    __metadata("design:type", Object)
+], GraphManager.prototype, "commandServiceProvider", void 0);
+__decorate([
+    inject(IModelServiceProvider),
+    __metadata("design:type", Object)
+], GraphManager.prototype, "modelServiceProvider", void 0);
+GraphManager = __decorate([
+    singleton()
+], GraphManager);
+export { GraphManager };
+export const registerGraphModule = (register) => {
+    /** 注册GraphManager */
+    register(GraphManager);
+    register(IGraphProvider, {
+        lifecycle: Syringe.Lifecycle.singleton,
+        useDynamic: context => {
+            return {
+                getGraphInstance: () => __awaiter(void 0, void 0, void 0, function* () {
+                    const graphManager = context.container.get(GraphManager);
+                    const graphOptionProvider = context.container.get(IGraphOptionProvider);
+                    const graphConfig = yield (graphOptionProvider === null || graphOptionProvider === void 0 ? void 0 : graphOptionProvider.getOptions());
+                    const x6Graph = yield (graphManager === null || graphManager === void 0 ? void 0 : graphManager.getGraph(graphConfig.graphId));
+                    return x6Graph;
+                }),
+                getGraphOptions: () => __awaiter(void 0, void 0, void 0, function* () {
+                    const graphOptionProvider = context.container.get(IGraphOptionProvider);
+                    return graphOptionProvider === null || graphOptionProvider === void 0 ? void 0 : graphOptionProvider.getOptions();
+                }),
+            };
+        },
+    });
+    register(ICommandServiceProvider, {
+        lifecycle: Syringe.Lifecycle.singleton,
+        useDynamic: context => {
+            return {
+                getCommandService: () => __awaiter(void 0, void 0, void 0, function* () {
+                    const commandService = context.container.get(IGraphCommandService);
+                    return commandService;
+                }),
+            };
+        },
+    });
+    register(IModelServiceProvider, {
+        lifecycle: Syringe.Lifecycle.singleton,
+        useDynamic: context => {
+            return {
+                getModelService: () => __awaiter(void 0, void 0, void 0, function* () {
+                    const modelService = context.container.get(IModelService);
+                    return modelService;
+                }),
+            };
+        },
+    });
+};
+//# sourceMappingURL=graph-provider.js.map

package/es/xflow-main/graph/graph-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph-provider.js","sourceRoot":"","sources":["../../../src/xflow-main/graph/graph-provider.tsx"],"names":[],"mappings":"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"}

package/es/xflow-main/graph/index.d.ts

@@ -0,0 +1,4 @@
+import { createGraphConfig, IGraphConfig, GraphConfig } from './config';
+import { IGraphProvider } from './graph-provider';
+import { createX6GraphModule } from './module';
+export { createX6GraphModule, createGraphConfig, IGraphConfig, IGraphProvider, GraphConfig };

package/es/xflow-main/graph/index.js

@@ -0,0 +1,5 @@
+import { createGraphConfig, GraphConfig } from './config';
+import { IGraphProvider } from './graph-provider';
+import { createX6GraphModule } from './module';
+export { createX6GraphModule, createGraphConfig, IGraphProvider, GraphConfig };
+//# sourceMappingURL=index.js.map

package/es/xflow-main/graph/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/xflow-main/graph/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAgB,WAAW,EAAE,MAAM,UAAU,CAAA;AACvE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAgB,cAAc,EAAE,WAAW,EAAE,CAAA"}

package/es/xflow-main/graph/module.d.ts

@@ -0,0 +1,4 @@
+import 'reflect-metadata';
+import type { GraphConfig } from './config';
+/** 依赖扩展模块，必须要加载 */
+export declare const createX6GraphModule: (config: GraphConfig) => import("mana-syringe").SyringeModule;

package/es/xflow-main/graph/module.js

@@ -0,0 +1,16 @@
+/* eslint-disable @typescript-eslint/no-redeclare */
+import 'reflect-metadata';
+/** Application 扩展依赖 */
+import { registerGraphModule } from './graph-provider';
+import { registerGraphConfig } from './config';
+import { Module } from 'mana-syringe';
+/** 依赖扩展模块，必须要加载 */
+export const createX6GraphModule = (config) => {
+    return Module(register => {
+        /** 注册 GraphProvider */
+        registerGraphModule(register);
+        /** 注册 GraphProvider 配置 */
+        registerGraphConfig(register, config);
+    });
+};
+//# sourceMappingURL=module.js.map

package/es/xflow-main/graph/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../../src/xflow-main/graph/module.ts"],"names":[],"mappings":"AAAA,oDAAoD;AACpD,OAAO,kBAAkB,CAAA;AACzB,uBAAuB;AACvB,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAEtD,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,mBAAmB;AACnB,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,MAAmB,EAAE,EAAE;IACzD,OAAO,MAAM,CAAC,QAAQ,CAAC,EAAE;QACvB,uBAAuB;QACvB,mBAAmB,CAAC,QAAQ,CAAC,CAAA;QAC7B,0BAA0B;QAC1B,mBAAmB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAA;IACvC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA"}

package/es/xflow-main/graph/react-group-node/index.css

@@ -0,0 +1,44 @@
+.xflow-default-group-node {
+  z-index: 9;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(255, 255, 255, 0.65);
+  border: 1px solid rgba(255, 255, 255, 0.25);
+  border-radius: 4px;
+  box-shadow: rgb(17 49 96 / 12%) 0px 1px 3px 0px, rgb(17 49 96 / 4%) 0px 0px 0px 1px;
+  cursor: grab;
+}
+.xflow-default-group-node:hover {
+  background-color: rgba(227, 244, 255, 0.45);
+  border: 1px solid #c1cdf7;
+  box-shadow: 0 0 3px 3px rgba(64, 169, 255, 0.2);
+  cursor: move;
+}
+.xflow-default-group-node .xflow-group-header {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 12px;
+  font-size: 14px;
+  line-height: 38px;
+}
+.xflow-default-group-node .xflow-group-header .header-left {
+  width: 80%;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+.xflow-default-group-node .xflow-group-header .header-right {
+  display: inline-flex;
+  align-items: center;
+}
+.xflow-default-group-node .xflow-group-header .header-right span.anticon {
+  margin-left: 8px;
+}
+.x6-node-selected .xflow-default-group-node {
+  background-color: rgba(243, 249, 255, 0.92);
+  border: 1px solid #c1cdf7;
+  box-shadow: 0 0 3px 3px rgba(64, 169, 255, 0.2);
+}
+.x6-node-selected .xflow-default-group-node:hover {
+  background-color: rgba(243, 249, 255, 0.6);
+}

package/es/xflow-main/graph/react-group-node/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '../../../interface';
+export declare const XFlowDefaultGroupNode: NsGraph.INodeRender;

package/es/xflow-main/graph/react-group-node/index.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { PlusSquareOutlined, MinusSquareOutlined } from '@ant-design/icons';
+import { useXFlowApp } from '../../components/app-context';
+import { XFlowGroupCommands } from '../../../command-contributions/constant';
+export const XFlowDefaultGroupNode = props => {
+    const { cell } = props;
+    const app = useXFlowApp();
+    const isCollapsed = props.data.isCollapsed || false;
+    const onExpand = (e) => {
+        e.preventDefault();
+        app.executeCommand(XFlowGroupCommands.COLLAPSE_GROUP.id, {
+            nodeId: cell.id,
+            isCollapsed: false,
+        });
+    };
+    const onCollapse = (e) => {
+        e.preventDefault();
+        app.executeCommand(XFlowGroupCommands.COLLAPSE_GROUP.id, {
+            nodeId: cell.id,
+            isCollapsed: true,
+            gap: 3,
+        });
+    };
+    return (React.createElement("div", { className: "xflow-default-group-node" },
+        React.createElement("div", { className: "xflow-group-header" },
+            React.createElement("div", { className: "header-left" }, props.data.label),
+            React.createElement("div", { className: "header-right" },
+                isCollapsed && React.createElement(PlusSquareOutlined, { onClick: onExpand }),
+                !isCollapsed && React.createElement(MinusSquareOutlined, { onClick: onCollapse })))));
+};
+XFlowDefaultGroupNode.displayName = 'XFlowDefaultGroupNode';
+//# sourceMappingURL=index.js.map

package/es/xflow-main/graph/react-group-node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/xflow-main/graph/react-group-node/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE3E,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAA;AAC5E,MAAM,CAAC,MAAM,qBAAqB,GAAwB,KAAK,CAAC,EAAE;IAChE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAA;IACtB,MAAM,GAAG,GAAG,WAAW,EAAE,CAAA;IACzB,MAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,WAAW,IAAI,KAAK,CAAA;IACnD,MAAM,QAAQ,GAAG,CAAC,CAAmB,EAAE,EAAE;QACvC,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,GAAG,CAAC,cAAc,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAE,EAAE;YACvD,MAAM,EAAE,IAAI,CAAC,EAAE;YACf,WAAW,EAAE,KAAK;SACnB,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,UAAU,GAAG,CAAC,CAAmB,EAAE,EAAE;QACzC,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,GAAG,CAAC,cAAc,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAE,EAAE;YACvD,MAAM,EAAE,IAAI,CAAC,EAAE;YACf,WAAW,EAAE,IAAI;YACjB,GAAG,EAAE,CAAC;SACP,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B;QACvC,6BAAK,SAAS,EAAC,oBAAoB;YACjC,6BAAK,SAAS,EAAC,aAAa,IAAE,KAAK,CAAC,IAAI,CAAC,KAAK,CAAO;YACrD,6BAAK,SAAS,EAAC,cAAc;gBAC1B,WAAW,IAAI,oBAAC,kBAAkB,IAAC,OAAO,EAAE,QAAQ,GAAI;gBACxD,CAAC,WAAW,IAAI,oBAAC,mBAAmB,IAAC,OAAO,EAAE,UAAU,GAAI,CACzD,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA"}

package/es/xflow-main/graph/react-group-node/index.less

@@ -0,0 +1,50 @@
+@light-border: 1px solid #d9d9d9;
+@primaryColor: #c1cdf7;
+
+.xflow-default-group-node {
+  z-index: 9;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(255, 255, 255, 0.65);
+  border: 1px solid rgba(255, 255, 255, 0.25);
+  border-radius: 4px;
+  box-shadow: ~'rgb(17 49 96 / 12%) 0px 1px 3px 0px, rgb(17 49 96 / 4%) 0px 0px 0px 1px';
+  cursor: grab;
+  &:hover {
+    background-color: rgba(227, 244, 255, 0.45);
+    border: 1px solid @primaryColor;
+    box-shadow: 0 0 3px 3px rgba(64, 169, 255, 0.2);
+    cursor: move;
+  }
+  .xflow-group-header {
+    display: flex;
+    justify-content: space-between;
+    padding: 0 12px;
+    font-size: 14px;
+    line-height: 38px;
+    .header-left {
+      width: 80%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+    .header-right {
+      display: inline-flex;
+      align-items: center;
+      span.anticon {
+        margin-left: 8px;
+      }
+    }
+  }
+}
+
+.x6-node-selected {
+  .xflow-default-group-node {
+    background-color: rgba(243, 249, 255, 0.92);
+    border: 1px solid @primaryColor;
+    box-shadow: 0 0 3px 3px rgb(64 169 255 / 20%);
+    &:hover {
+      background-color: rgba(243, 249, 255, 0.6);
+    }
+  }
+}

package/es/xflow-main/graph/react-node/index.css

@@ -0,0 +1,42 @@
+.xflow-default-node {
+  z-index: 10;
+  display: flex;
+  width: 180px;
+  height: 36px;
+  line-height: 36px;
+  text-align: center;
+  background-color: #fff;
+  border: 1px solid #c2c8d5;
+  border-radius: 2px;
+  box-shadow: -1px -1px 4px 0 rgba(223,223,223,0.50), -2px 2px 4px 0 rgba(244,244,244,0.50), 2px 3px 8px 2px rgba(151,151,151,0.05);
+  transition: all ease-in-out 0.15s;
+}
+.xflow-default-node:hover {
+  background-color: #fff;
+  border: 1px solid #3057e3;
+  box-shadow: 0 0 3px 3px rgba(48, 86, 227, 0.15);
+  cursor: move;
+}
+.xflow-default-node .icon {
+  width: 36px;
+}
+.xflow-default-node .label {
+  width: 108px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.xflow-default-node .status {
+  width: 36px;
+}
+.xflow-default-node.panel-node {
+  border: 0;
+}
+.x6-node-selected .xflow-default-node {
+  background-color: rgba(48, 86, 227, 0.05);
+  border: 1px solid #3057e3;
+  box-shadow: 0 0 3px 3px rgba(48, 86, 227, 0.15);
+}
+.x6-node-selected .xflow-default-node:hover {
+  background-color: #fff;
+  box-shadow: 0 0 5px 5px rgba(48, 86, 227, 0.15);
+}

package/es/xflow-main/graph/react-node/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { NsGraph } from '../../../interface';
+/** 状态 类型 */
+export declare enum StatusEnum {
+    SUCCEEDED = "SUCCEEDED",
+    RUNNING = "RUNNING",
+    FAILED = "FAILED",
+    PENDING = "PENDING",
+    CREATING = "CREATING",
+    MANUAL_TERMINATE = "MANUAL_TERMINATE",
+    CACHED = "CACHED",
+    UNKNOWN = "UNKNOWN"
+}
+export declare const AlgoIcon: React.FC<IProps>;
+interface IProps {
+    status: StatusEnum;
+    hide: boolean;
+}
+export declare const XFlowDefaultNode: NsGraph.INodeRender;
+export {};

package/es/xflow-main/graph/react-node/index.js

@@ -0,0 +1,50 @@
+import React from 'react';
+import { DatabaseOutlined, RedoOutlined, CloseCircleOutlined, CheckCircleOutlined, ExclamationCircleOutlined, QuestionCircleOutlined, StopOutlined, EditOutlined, CloudDownloadOutlined, } from '@ant-design/icons';
+const fontStyle = { fontSize: '16px', color: '#3057e3' };
+/** 状态 类型 */
+export var StatusEnum;
+(function (StatusEnum) {
+    StatusEnum["SUCCEEDED"] = "SUCCEEDED";
+    StatusEnum["RUNNING"] = "RUNNING";
+    StatusEnum["FAILED"] = "FAILED";
+    StatusEnum["PENDING"] = "PENDING";
+    StatusEnum["CREATING"] = "CREATING";
+    StatusEnum["MANUAL_TERMINATE"] = "MANUAL_TERMINATE";
+    StatusEnum["CACHED"] = "CACHED";
+    StatusEnum["UNKNOWN"] = "UNKNOWN";
+})(StatusEnum || (StatusEnum = {}));
+export const AlgoIcon = props => {
+    if (props.hide) {
+        return null;
+    }
+    switch (props.status) {
+        case StatusEnum.RUNNING:
+            return React.createElement(RedoOutlined, { spin: true, style: { color: '#c1cdf7', fontSize: '16px' } });
+        case StatusEnum.FAILED:
+            return React.createElement(CloseCircleOutlined, { style: { color: '#ff4d4f', fontSize: '16px' } });
+        case StatusEnum.SUCCEEDED:
+            return React.createElement(CheckCircleOutlined, { style: { color: '#39ca74cc', fontSize: '16px' } });
+        case StatusEnum.PENDING:
+            return React.createElement(ExclamationCircleOutlined, { style: { color: '#faad14', fontSize: '16px' } });
+        case StatusEnum.CREATING:
+            return React.createElement(EditOutlined, { style: { color: '#faad14', fontSize: '16px' } });
+        case StatusEnum.MANUAL_TERMINATE:
+            return React.createElement(StopOutlined, { style: { color: '#faad14', fontSize: '16px' } });
+        case StatusEnum.CACHED:
+            return React.createElement(CloudDownloadOutlined, { style: { color: '#faad14', fontSize: '16px' } });
+        case StatusEnum.UNKNOWN:
+            return React.createElement(QuestionCircleOutlined, { style: { color: '#d9d9d9', fontSize: '16px' } });
+        default:
+            return null;
+    }
+};
+export const XFlowDefaultNode = props => {
+    const icon = React.isValidElement(props.data.icon) ? (props.data.icon) : (React.createElement(DatabaseOutlined, { style: fontStyle }));
+    return (React.createElement("div", { className: `xflow-default-node ${props.isNodeTreePanel ? 'panel-node' : ''}` },
+        React.createElement("span", { className: "icon" }, icon),
+        React.createElement("span", { className: "label" }, props.data.label),
+        React.createElement("span", { className: "status" },
+            React.createElement(AlgoIcon, { status: props.data && props.data.status, hide: props.isNodeTreePanel }))));
+};
+XFlowDefaultNode.displayName = 'XFlowDefaultNode';
+//# sourceMappingURL=index.js.map

package/es/xflow-main/graph/react-node/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/xflow-main/graph/react-node/index.tsx"],"names":[],"mappings":"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"}

package/es/xflow-main/graph/react-node/index.less

@@ -0,0 +1,49 @@
+@light-border: 1px solid #d9d9d9;
+@primaryColor: #c2c8d5;
+
+.xflow-default-node {
+  z-index: 10;
+  display: flex;
+  width: 180px;
+  height: 36px;
+  line-height: 36px;
+  text-align: center;
+  background-color: #fff;
+  border: 1px solid @primaryColor;
+  border-radius: 2px;
+  box-shadow: ~'-1px -1px 4px 0 rgba(223,223,223,0.50), -2px 2px 4px 0 rgba(244,244,244,0.50), 2px 3px 8px 2px rgba(151,151,151,0.05)';
+  transition: all ease-in-out 0.15s;
+  &:hover {
+    background-color: #fff;
+    border: 1px solid #3057e3;
+    // border: 1px solid @primaryColor;
+    box-shadow: 0 0 3px 3px rgba(48, 86, 227, 0.15);
+    cursor: move;
+  }
+  .icon {
+    width: 36px;
+  }
+  .label {
+    width: 108px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .status {
+    width: 36px;
+  }
+  &.panel-node {
+    border: 0;
+  }
+}
+
+.x6-node-selected {
+  .xflow-default-node {
+    background-color: rgba(48, 86, 227, 0.05);
+    border: 1px solid #3057e3;
+    box-shadow: 0 0 3px 3px rgba(48, 86, 227, 0.15);
+    &:hover {
+      background-color: #fff;
+      box-shadow: 0 0 5px 5px rgba(48, 86, 227, 0.15);
+    }
+  }
+}

package/es/xflow-main/index.d.ts

@@ -0,0 +1,19 @@
+import { XFlow } from './components';
+import type { IAppLoad, IAppDestroy, IAppConfigReady } from './components';
+import { XFlowCanvas } from './components/canvas';
+/** 通过context获取app */
+import { XFlowAppProvider, XFlowAppContext, useXFlowApp } from './components/app-context';
+/** 通过context 注册Extension模块 */
+import { useExtensionRegistry, ExtensionRegistryContext } from './components/extension-context';
+/** XFlowAppExtension */
+import { XFlowAppExtensionModule } from './components/app-extension-module';
+/** classname  prefix  context */
+import { useXflowPrefixCls, XFlowConfigProviderContext } from './components/global-config-context';
+export { XFlow, XFlowCanvas, XFlowAppExtensionModule, XFlowAppProvider, XFlowAppContext, useXFlowApp, XFlowConfigProviderContext, useXflowPrefixCls, ExtensionRegistryContext, useExtensionRegistry, };
+export type { IAppLoad, IAppDestroy, IAppConfigReady };
+/** Graph 配置 */
+export { IGraphConfig, IGraphProvider, createGraphConfig, GraphConfig } from './graph';
+/** Application 扩展依赖 */
+export { FrontendApplication as IApplication, IFrontendApplicationContribution as IApplicationContribution, } from './application';
+/** Application 扩展模块注册 */
+export { IExtensionModule, IModuleConfig } from './interface';

package/es/xflow-main/index.js

@@ -0,0 +1,26 @@
+import { XFlow } from './components';
+import { XFlowCanvas } from './components/canvas';
+/** 通过context获取app */
+import { XFlowAppProvider, XFlowAppContext, useXFlowApp } from './components/app-context';
+/** 通过context 注册Extension模块 */
+import { useExtensionRegistry, ExtensionRegistryContext } from './components/extension-context';
+/** XFlowAppExtension */
+import { XFlowAppExtensionModule } from './components/app-extension-module';
+/** classname  prefix  context */
+import { useXflowPrefixCls, XFlowConfigProviderContext } from './components/global-config-context';
+export { 
+// 组件
+XFlow, XFlowCanvas, XFlowAppExtensionModule, 
+// app context
+XFlowAppProvider, XFlowAppContext, useXFlowApp, 
+// config provider context：使用全局Config
+XFlowConfigProviderContext, useXflowPrefixCls, 
+// extension context: 注册扩展
+ExtensionRegistryContext, useExtensionRegistry, };
+/** Graph 配置 */
+export { IGraphProvider, createGraphConfig, GraphConfig } from './graph';
+/** Application 扩展依赖 */
+export { FrontendApplication as IApplication, IFrontendApplicationContribution as IApplicationContribution, } from './application';
+/** Application 扩展模块注册 */
+export {} from './interface';
+//# sourceMappingURL=index.js.map

package/es/xflow-main/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/xflow-main/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAEpC,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,qBAAqB;AACrB,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACzF,8BAA8B;AAC9B,OAAO,EAAE,oBAAoB,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAA;AAC/F,wBAAwB;AACxB,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,iCAAiC;AACjC,OAAO,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAA;AAElG,OAAO;AACL,KAAK;AACL,KAAK,EACL,WAAW,EACX,uBAAuB;AACvB,cAAc;AACd,gBAAgB,EAChB,eAAe,EACf,WAAW;AACX,qCAAqC;AACrC,0BAA0B,EAC1B,iBAAiB;AACjB,0BAA0B;AAC1B,wBAAwB,EACxB,oBAAoB,GACrB,CAAA;AAID,eAAe;AACf,OAAO,EAAgB,cAAc,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAEtF,uBAAuB;AACvB,OAAO,EACL,mBAAmB,IAAI,YAAY,EACnC,gCAAgC,IAAI,wBAAwB,GAC7D,MAAM,eAAe,CAAA;AAEtB,yBAAyB;AACzB,OAAO,EAAmC,MAAM,aAAa,CAAA"}

package/es/xflow-main/interface.d.ts

@@ -0,0 +1,33 @@
+import type { SyringeModule } from 'mana-syringe';
+import type { MaybePromise } from '../common/types';
+import type { FrontendApplication } from './application';
+import { Syringe } from 'mana-syringe';
+/** 模块的Config接口 */
+export interface IModuleConfig<T = any> {
+    CONFIG_TYPE: string;
+    getConfig: () => Promise<T>;
+    [key: string]: any;
+}
+/**
+ * 模块的接口
+ * 包含配置和创建模块的函数
+ */
+export interface IExtensionModule<T = any> {
+    createModule: (config: IModuleConfig<T>) => SyringeModule;
+    config: IModuleConfig<T>;
+}
+export declare const IFrontendApplicationContribution: Syringe.DefinedToken;
+export interface IFrontendApplicationContribution {
+    /**
+     * Called when the application is started. The application shell is not attached yet when this method runs.
+     * Should return a promise if it runs asynchronously.
+     */
+    onStart?: (app: FrontendApplication) => MaybePromise<void>;
+    /**
+     * Called when an application is stopped or unloaded.
+     *
+     * Note that this is implemented using `window.beforeunload` which doesn't allow any asynchronous code anymore.
+     * I.e. this is the last tick.
+     */
+    onStop?: (app: FrontendApplication) => void;
+}