@sunspirytus/xflow-core 1.0.52

package/lib/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/lib/xflow-main/index.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IApplicationContribution = exports.IApplication = exports.GraphConfig = exports.createGraphConfig = exports.IGraphProvider = exports.useExtensionRegistry = exports.ExtensionRegistryContext = exports.useXflowPrefixCls = exports.XFlowConfigProviderContext = exports.useXFlowApp = exports.XFlowAppContext = exports.XFlowAppProvider = exports.XFlowAppExtensionModule = exports.XFlowCanvas = exports.XFlow = void 0;
+var components_1 = require("./components");
+Object.defineProperty(exports, "XFlow", { enumerable: true, get: function () { return components_1.XFlow; } });
+var canvas_1 = require("./components/canvas");
+Object.defineProperty(exports, "XFlowCanvas", { enumerable: true, get: function () { return canvas_1.XFlowCanvas; } });
+/** 通过context获取app */
+var app_context_1 = require("./components/app-context");
+Object.defineProperty(exports, "XFlowAppProvider", { enumerable: true, get: function () { return app_context_1.XFlowAppProvider; } });
+Object.defineProperty(exports, "XFlowAppContext", { enumerable: true, get: function () { return app_context_1.XFlowAppContext; } });
+Object.defineProperty(exports, "useXFlowApp", { enumerable: true, get: function () { return app_context_1.useXFlowApp; } });
+/** 通过context 注册Extension模块 */
+var extension_context_1 = require("./components/extension-context");
+Object.defineProperty(exports, "useExtensionRegistry", { enumerable: true, get: function () { return extension_context_1.useExtensionRegistry; } });
+Object.defineProperty(exports, "ExtensionRegistryContext", { enumerable: true, get: function () { return extension_context_1.ExtensionRegistryContext; } });
+/** XFlowAppExtension */
+var app_extension_module_1 = require("./components/app-extension-module");
+Object.defineProperty(exports, "XFlowAppExtensionModule", { enumerable: true, get: function () { return app_extension_module_1.XFlowAppExtensionModule; } });
+/** classname  prefix  context */
+var global_config_context_1 = require("./components/global-config-context");
+Object.defineProperty(exports, "useXflowPrefixCls", { enumerable: true, get: function () { return global_config_context_1.useXflowPrefixCls; } });
+Object.defineProperty(exports, "XFlowConfigProviderContext", { enumerable: true, get: function () { return global_config_context_1.XFlowConfigProviderContext; } });
+/** Graph 配置 */
+var graph_1 = require("./graph");
+Object.defineProperty(exports, "IGraphProvider", { enumerable: true, get: function () { return graph_1.IGraphProvider; } });
+Object.defineProperty(exports, "createGraphConfig", { enumerable: true, get: function () { return graph_1.createGraphConfig; } });
+Object.defineProperty(exports, "GraphConfig", { enumerable: true, get: function () { return graph_1.GraphConfig; } });
+/** Application 扩展依赖 */
+var application_1 = require("./application");
+Object.defineProperty(exports, "IApplication", { enumerable: true, get: function () { return application_1.FrontendApplication; } });
+Object.defineProperty(exports, "IApplicationContribution", { enumerable: true, get: function () { return application_1.IFrontendApplicationContribution; } });
+/** Application 扩展模块注册 */
+var interface_1 = require("./interface");
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/xflow-main/index.tsx"],"names":[],"mappings":";;;AAAA,2CAAoC;AAclC,sFAdO,kBAAK,OAcP;AAZP,8CAAiD;AAa/C,4FAbO,oBAAW,OAaP;AAZb,qBAAqB;AACrB,wDAAyF;AAcvF,iGAdO,8BAAgB,OAcP;AAChB,gGAfyB,6BAAe,OAezB;AACf,4FAhB0C,yBAAW,OAgB1C;AAfb,8BAA8B;AAC9B,oEAA+F;AAoB7F,qGApBO,wCAAoB,OAoBP;AADpB,yGAnB6B,4CAAwB,OAmB7B;AAlB1B,wBAAwB;AACxB,0EAA2E;AAQzE,wGARO,8CAAuB,OAQP;AAPzB,iCAAiC;AACjC,4EAAkG;AAahG,kGAbO,yCAAiB,OAaP;AADjB,2GAZ0B,kDAA0B,OAY1B;AAS5B,eAAe;AACf,iCAAsF;AAA/D,uGAAA,cAAc,OAAA;AAAE,0GAAA,iBAAiB,OAAA;AAAE,oGAAA,WAAW,OAAA;AAErE,uBAAuB;AACvB,6CAGsB;AAFpB,2GAAA,mBAAmB,OAAgB;AACnC,uHAAA,gCAAgC,OAA4B;AAG9D,yBAAyB;AACzB,yCAA6D"}

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

package/lib/xflow-main/interface.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IFrontendApplicationContribution = void 0;
+var mana_syringe_1 = require("mana-syringe");
+exports.IFrontendApplicationContribution = mana_syringe_1.Syringe.defineToken('IFrontendApplicationContribution');
+//# sourceMappingURL=interface.js.map

package/lib/xflow-main/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/xflow-main/interface.ts"],"names":[],"mappings":";;;AAGA,6CAAsC;AAiBzB,QAAA,gCAAgC,GAAG,sBAAO,CAAC,WAAW,CACjE,kCAAkC,CACnC,CAAA"}

package/lib/xflow-main/style/index.css

@@ -0,0 +1,108 @@
+.xflow-default-node {
+  z-index: 10;
+  display: flex;
+  width: 180px;
+  height: 36px;
+  line-height: 36px;
+  text-align: center;
+  background-color: #fff;
+  border: 1px solid #c1cdf7;
+  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);
+}
+.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);
+}
+.xflow-canvas-root {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+}
+.xflow-x6-canvas {
+  width: 100%;
+  height: 100%;
+}
+.xflow-app-workspace {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.xflow-hide {
+  display: none;
+}
+.x6-widget-dnd.dragging {
+  cursor: grabbing !important;
+}

package/lib/xflow-main/style/index.less

@@ -0,0 +1,31 @@
+@import '../../style/themes/index';
+@import '../graph/react-node/index.less';
+@import '../graph/react-group-node/index.less';
+
+@xflow-prefix-cls: ~'@{xflow-prefix}';
+
+.@{xflow-prefix-cls} {
+  &-canvas-root {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+  }
+  &-x6-canvas {
+    width: 100%;
+    height: 100%;
+  }
+  &-app-workspace {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+  &-hide {
+    display: none;
+  }
+}
+
+.x6-widget-dnd.dragging {
+  cursor: grabbing !important;
+}

package/package.json

@@ -0,0 +1,119 @@
+{
+  "private": false,
+  "name": "@sunspirytus/xflow-core",
+  "version": "1.0.52",
+  "license": "MIT",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "typings": "es/index.d.ts",
+  "unpkg": "dist/index.umd.js",
+  "files": [
+    "dist",
+    "lib",
+    "es"
+  ],
+  "lint-staged": {
+    "src/**/*.ts": [
+      "eslint --fix"
+    ],
+    "src/**/*.less": [
+      "stylelint --syntax less --fix"
+    ]
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org"
+  },
+  "dependencies": {
+    "@sunspirytus/xflow-hook": "1.0.52",
+    "classnames": "^2.3.1",
+    "immer": "^9.0.7",
+    "mana-common": "^0.3.1",
+    "mana-syringe": "^0.2.2",
+    "reflect-metadata": "^0.1.13",
+    "rxjs": "^6.6.7"
+  },
+  "devDependencies": {
+    "@antv/layout": "^0.1.22",
+    "@antv/x6": "^1.30.1",
+    "@antv/x6-react-components": "^1.1.15",
+    "@antv/x6-react-shape": "^1.5.2",
+    "@babel/core": "^7.16.5",
+    "@babel/plugin-proposal-decorators": "^7.16.5",
+    "@babel/preset-env": "^7.16.5",
+    "@babel/preset-typescript": "^7.16.5",
+    "@rollup/plugin-commonjs": "^20.0.0",
+    "@rollup/plugin-node-resolve": "^13.1.1",
+    "@rollup/plugin-replace": "^3.0.0",
+    "@rollup/plugin-typescript": "^8.3.0",
+    "@types/jest": "^29.2.0",
+    "babel-jest": "^27.4.5",
+    "fs-extra": "^10.0.0",
+    "jest": "^27.4.5",
+    "less": "^4.1.2",
+    "less-plugin-npm-import": "^2.1.0",
+    "lint-staged": "^11.2.6",
+    "lodash": "^4.17.20",
+    "npm-run-all": "^4.1.5",
+    "postcss": "^8.4.5",
+    "react": "^16.8.0  || ^17.0.0",
+    "react-dom": "^16.8.0  || ^17.0.0",
+    "rimraf": "^3.0.2",
+    "rollup": "^2.61.1",
+    "rollup-plugin-auto-external": "^2.0.0",
+    "rollup-plugin-filesize": "^9.1.1",
+    "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-progress": "^1.1.2",
+    "rollup-plugin-terser": "^7.0.2",
+    "ts-jest": "^27.1.2",
+    "tslib": "^2.3.1",
+    "typescript": "^4.5.4"
+  },
+  "peerDependencies": {
+    "@ant-design/icons": "^4.6.0",
+    "@antv/x6": "^1.30.1",
+    "@antv/x6-react-components": "^1.1.15",
+    "@antv/x6-react-shape": "^1.2.5",
+    "antd": "^4.6.3",
+    "lodash": "^4.17.20",
+    "react": "^16.8.0  || ^17.0.0",
+    "react-dom": "^16.8.0  || ^17.0.0"
+  },
+  "jest": {
+    "displayName": "xflow-core",
+    "preset": "ts-jest",
+    "verbose": true,
+    "testEnvironment": "node",
+    "setupFiles": [
+      "<rootDir>/jest.setup.js"
+    ],
+    "moduleNameMapper": {
+      "^lodash-es$": "lodash"
+    },
+    "transform": {
+      "[jt]sx$": "ts-jest",
+      "ts?$": "ts-jest"
+    }
+  },
+  "scripts": {
+    "clean": "rimraf dist es lib",
+    "start": "pnpm run build:watch:esm",
+    "build:esm": "tsc --module es6 --target es6 --outDir ./es",
+    "build:cjs": "tsc --module commonjs --target es5 --outDir ./lib",
+    "build:umd": "rollup -c",
+    "build:watch": "pnpm build:esm -- --w",
+    "build:watch:esm": "pnpm build:esm --w",
+    "build:watch:cjs": "pnpm build:cjs -- --w",
+    "build:ts": "run-p build:cjs build:esm build:umd",
+    "build:less": "node ./scripts/less.js",
+    "build": "run-s build:ts build:less",
+    "prebuild": "run-s lint clean",
+    "release": "pnpm publish --  --access=public",
+    "lint": "run-s lint:ts lint:style",
+    "lint:ts": "eslint 'src/**/*.{js,ts}?(x)' --fix",
+    "lint:style": "stylelint 'src/**/*.less' --syntax less --fix",
+    "lint:prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
+    "test": "jest src --verbose true",
+    "test:coverage": "jest src --coverage"
+  },
+  "readme": "# @antv/xflow-core\n\n## Getting Started\n\nInstall dependencies\n\n```bash\n$ npm i\n```\n\nwatch file change\n\n```bash\n$ npm start\n```\n\nrelease version\n\n```bash\n$ npm run release\n```\n"
+}