@sunspirytus/xflow-extension 1.0.52

package/es/style/components.less

@@ -0,0 +1,17 @@
+@import "../canvas-collapse-panel/style/index.less";
+@import "../canvas-context-menu/style/index.less";
+@import "../canvas-dag-extension/style/index.less";
+@import "../canvas-flow-extension/style/index.less";
+@import "../canvas-json-schema-form/schema-form/control-map/checkbox/index.less";
+@import "../canvas-json-schema-form/schema-form/control-map/string-input/index.less";
+@import "../canvas-json-schema-form/schema-form/index.less";
+@import "../canvas-json-schema-form/style/index.less";
+@import "../canvas-mini-map/style/index.less";
+@import "../canvas-node-tree-panel/style/index.less";
+@import "../canvas-toolbar/style/index.less";
+@import "../flowchart-canvas/extension/components/index.less";
+@import "../flowchart-canvas/index.less";
+@import "../flowchart-editor-panel/control-map-service/components/style.less";
+@import "../flowchart-editor-panel/style.less";
+@import "../flowchart-node-panel/group-panel/group.less";
+@import "../flowchart-node-panel/style/index.less";

package/lib/base-panel/config.d.ts

@@ -0,0 +1,16 @@
+/** baseConfig */
+export declare class PropsProxy<T> {
+    /** 设置组件的props */
+    getValue: () => T;
+    /** dispose */
+    dispose(): void;
+}
+/** baseConfig */
+export declare class PanelBaseConfig {
+    /** instance id */
+    moduleId: string;
+    /** uuid */
+    constructor(moduleId: string);
+    /** dispose */
+    dispose(): void;
+}

package/lib/base-panel/config.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PanelBaseConfig = exports.PropsProxy = void 0;
+/** baseConfig */
+var PropsProxy = /** @class */ (function () {
+    function PropsProxy() {
+        /** 设置组件的props */
+        this.getValue = function () {
+            return {};
+        };
+    }
+    /** dispose */
+    PropsProxy.prototype.dispose = function () {
+        this.getValue = function () { return null; };
+    };
+    return PropsProxy;
+}());
+exports.PropsProxy = PropsProxy;
+/** baseConfig */
+var PanelBaseConfig = /** @class */ (function () {
+    /** uuid */
+    function PanelBaseConfig(moduleId) {
+        this.moduleId = moduleId;
+    }
+    /** dispose */
+    PanelBaseConfig.prototype.dispose = function () { };
+    return PanelBaseConfig;
+}());
+exports.PanelBaseConfig = PanelBaseConfig;
+//# sourceMappingURL=config.js.map

package/lib/base-panel/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../src/base-panel/config.ts"],"names":[],"mappings":";;;AAAA,iBAAiB;AACjB;IAAA;QACE,iBAAiB;QACjB,aAAQ,GAAG;YACT,OAAO,EAAO,CAAA;QAChB,CAAC,CAAA;IAKH,CAAC;IAJC,cAAc;IACd,4BAAO,GAAP;QACE,IAAI,CAAC,QAAQ,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;IAC5B,CAAC;IACH,iBAAC;AAAD,CAAC,AATD,IASC;AATY,gCAAU;AAWvB,iBAAiB;AACjB;IAGE,WAAW;IACX,yBAAY,QAAgB;QAC1B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC1B,CAAC;IACD,cAAc;IACd,iCAAO,GAAP,cAAW,CAAC;IACd,sBAAC;AAAD,CAAC,AATD,IASC;AATY,0CAAe"}

package/lib/base-panel/context.d.ts

@@ -0,0 +1,10 @@
+import type { IGraphCommandService, IModelService } from '@sunspirytus/xflow-core';
+import type { PropsProxy } from './config';
+interface IContext<T = any> {
+    propsProxy: PropsProxy<T>;
+    commandService: IGraphCommandService;
+    modelService: IModelService;
+}
+export declare const PanelContext: any;
+export declare const usePanelContext: <T extends unknown>() => IContext<T>;
+export {};

package/lib/base-panel/context.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePanelContext = exports.PanelContext = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+exports.PanelContext = react_1.default.createContext({
+    propsProxy: null,
+    commandService: null,
+    modelService: null,
+});
+var usePanelContext = function () {
+    return react_1.default.useContext(exports.PanelContext);
+};
+exports.usePanelContext = usePanelContext;
+//# sourceMappingURL=context.js.map

package/lib/base-panel/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/base-panel/context.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AAUZ,QAAA,YAAY,GAAG,eAAK,CAAC,aAAa,CAAW;IACxD,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,IAAI;IACpB,YAAY,EAAE,IAAI;CACnB,CAAC,CAAA;AAEK,IAAM,eAAe,GAAG;IAC7B,OAAA,eAAK,CAAC,UAAU,CAAC,oBAAY,CAAgB;AAA7C,CAA6C,CAAA;AADlC,QAAA,eAAe,mBACmB"}

package/lib/base-panel/index.d.ts

@@ -0,0 +1,12 @@
+import type { PanelBaseConfig } from './config';
+import type { IPosition } from '@sunspirytus/xflow-core';
+import React from 'react';
+interface IWorkspacePanelProps<T extends PanelBaseConfig = any> {
+    config?: T;
+    className?: string;
+    position: IPosition;
+    style?: React.CSSProperties;
+}
+declare const WorkspacePanel: React.FC<IWorkspacePanelProps>;
+export { usePanelContext } from './context';
+export { WorkspacePanel, IWorkspacePanelProps };

package/lib/base-panel/index.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WorkspacePanel = exports.usePanelContext = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var classnames_1 = tslib_1.__importDefault(require("classnames"));
+var config_1 = require("./config");
+var context_1 = require("./context");
+var WorkspacePanel = function (props) {
+    var _a;
+    var className = props.className, position = props.position, style = props.style, children = props.children;
+    var app = (0, xflow_core_1.useXFlowApp)();
+    var positionStyle = (0, xflow_core_1.usePositionStyle)(position);
+    var propsProxy = react_1.default.useMemo(function () {
+        return new config_1.PropsProxy();
+    }, []);
+    react_1.default.useEffect(function () {
+        return function () {
+            propsProxy.dispose();
+        };
+    }, [propsProxy]);
+    if (!app || !app.modelService) {
+        return null;
+    }
+    propsProxy.getValue = function () { return props; };
+    var clz = (0, classnames_1.default)((_a = {},
+        _a[className] = !!className,
+        _a['xflow-workspace-panel'] = true,
+        _a));
+    var commandService = app.commandService, modelService = app.modelService;
+    return (react_1.default.createElement(context_1.PanelContext.Provider, { value: { propsProxy: propsProxy, commandService: commandService, modelService: modelService } },
+        react_1.default.createElement("div", { className: clz, style: tslib_1.__assign(tslib_1.__assign({}, positionStyle), style) }, children)));
+};
+exports.WorkspacePanel = WorkspacePanel;
+var context_2 = require("./context");
+Object.defineProperty(exports, "usePanelContext", { enumerable: true, get: function () { return context_2.usePanelContext; } });
+//# sourceMappingURL=index.js.map

package/lib/base-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/base-panel/index.tsx"],"names":[],"mappings":";;;;AAEA,wDAAyB;AACzB,sDAAuE;AACvE,kEAAmC;AACnC,mCAAqC;AACrC,qCAAwC;AASxC,IAAM,cAAc,GAAmC,UAAA,KAAK;;IAClD,IAAA,SAAS,GAAgC,KAAK,UAArC,EAAE,QAAQ,GAAsB,KAAK,SAA3B,EAAE,KAAK,GAAe,KAAK,MAApB,EAAE,QAAQ,GAAK,KAAK,SAAV,CAAU;IACtD,IAAM,GAAG,GAAG,IAAA,wBAAW,GAAE,CAAA;IACzB,IAAM,aAAa,GAAG,IAAA,6BAAgB,EAAC,QAAQ,CAAC,CAAA;IAEhD,IAAM,UAAU,GAAG,eAAK,CAAC,OAAO,CAAC;QAC/B,OAAO,IAAI,mBAAU,EAAE,CAAA;IACzB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,eAAK,CAAC,SAAS,CAAC;QACd,OAAO;YACL,UAAU,CAAC,OAAO,EAAE,CAAA;QACtB,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,IAAI,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;QAC7B,OAAO,IAAI,CAAA;KACZ;IAED,UAAU,CAAC,QAAQ,GAAG,cAAM,OAAA,KAAK,EAAL,CAAK,CAAA;IAEjC,IAAM,GAAG,GAAG,IAAA,oBAAU;QACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;QACxB,2BAAuB,GAAE,IAAI;YAC7B,CAAA;IAEM,IAAA,cAAc,GAAmB,GAAG,eAAtB,EAAE,YAAY,GAAK,GAAG,aAAR,CAAQ;IAE5C,OAAO,CACL,8BAAC,sBAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,cAAc,gBAAA,EAAE,YAAY,cAAA,EAAE;QACxE,uCACE,SAAS,EAAE,GAAG,EACd,KAAK,wCACA,aAAa,GACb,KAAK,KAGT,QAAQ,CACL,CACgB,CACzB,CAAA;AACH,CAAC,CAAA;AAGQ,wCAAc;AADvB,qCAA2C;AAAlC,0GAAA,eAAe,OAAA"}

package/lib/canvas-collapse-panel/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const PANEL_HEADER_HEIGHT = 40;
+export declare const PANEL_FOOTER_HEIGHT = 40;

package/lib/canvas-collapse-panel/constants.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PANEL_FOOTER_HEIGHT = exports.PANEL_HEADER_HEIGHT = void 0;
+exports.PANEL_HEADER_HEIGHT = 40;
+exports.PANEL_FOOTER_HEIGHT = 40;
+//# sourceMappingURL=constants.js.map

package/lib/canvas-collapse-panel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/canvas-collapse-panel/constants.ts"],"names":[],"mappings":";;;AAAa,QAAA,mBAAmB,GAAG,EAAE,CAAA;AACxB,QAAA,mBAAmB,GAAG,EAAE,CAAA"}

package/lib/canvas-collapse-panel/index.d.ts

@@ -0,0 +1,6 @@
+import type { IProps } from './interface';
+import React from 'react';
+import { NsCollapsePanelModel } from './interface';
+import * as NsNodeCollapsePanel from './interface';
+declare const NodeCollapsePanel: React.FC<IProps>;
+export { NodeCollapsePanel, NsCollapsePanelModel, NsNodeCollapsePanel, IProps as INodeCollapsePanelProps, };

package/lib/canvas-collapse-panel/index.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NsNodeCollapsePanel = exports.NsCollapsePanelModel = exports.NodeCollapsePanel = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var base_panel_1 = require("../base-panel");
+var panel_body_1 = require("./panel-body");
+var panel_header_1 = require("./panel-header");
+var panel_footer_1 = require("./panel-footer");
+var panel_collapse_btn_1 = require("./panel-collapse-btn");
+var utils_1 = require("./utils");
+var service_1 = require("./service");
+var interface_1 = require("./interface");
+Object.defineProperty(exports, "NsCollapsePanelModel", { enumerable: true, get: function () { return interface_1.NsCollapsePanelModel; } });
+var NsNodeCollapsePanel = tslib_1.__importStar(require("./interface"));
+exports.NsNodeCollapsePanel = NsNodeCollapsePanel;
+var CollapsePanelMain = function (props) {
+    var _a = (0, utils_1.usePanelLyaoutStyle)(props), headerStyle = _a.headerStyle, bodyStyle = _a.bodyStyle, footerStyle = _a.footerStyle;
+    var _b = (0, service_1.useCollapsePanelData)(props), state = _b.state, onActiveKeyChange = _b.onActiveKeyChange, onKeywordChange = _b.onKeywordChange;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(panel_header_1.NodePanelHeader, tslib_1.__assign({}, props, { state: state, style: headerStyle, onKeywordChange: onKeywordChange })),
+        react_1.default.createElement(panel_body_1.CollapsePanelBody, tslib_1.__assign({}, props, { state: state, style: bodyStyle, onActiveKeyChange: onActiveKeyChange })),
+        react_1.default.createElement(panel_footer_1.NodePanelFooter, tslib_1.__assign({}, props, { state: state, style: footerStyle }))));
+};
+var NodeCollapsePanel = function (props) {
+    var position = props.position, collapsible = props.collapsible, onCollapseChange = props.onCollapseChange;
+    var _a = position.width, width = _a === void 0 ? 200 : _a, left = position.left;
+    var prefixClz = (0, xflow_core_1.useXflowPrefixCls)('collapse-panel');
+    var _b = (0, react_1.useState)(false), isCollapsed = _b[0], setIsCollapsed = _b[1];
+    var handleBtnClick = (0, react_1.useCallback)(function () {
+        setIsCollapsed(!isCollapsed);
+        onCollapseChange(!isCollapsed);
+    }, [isCollapsed, onCollapseChange]);
+    return (react_1.default.createElement(base_panel_1.WorkspacePanel, tslib_1.__assign({}, props, { className: prefixClz, position: tslib_1.__assign(tslib_1.__assign({}, position), { left: !isCollapsed ? left : -width }), style: { transition: 'left 0.5s' } }),
+        react_1.default.createElement(CollapsePanelMain, tslib_1.__assign({}, props, { prefixClz: prefixClz })),
+        collapsible && (react_1.default.createElement(panel_collapse_btn_1.NodePanelCollapseBtn, tslib_1.__assign({}, props, { prefixClz: prefixClz, isCollapsed: isCollapsed, onCollapseBtnClick: handleBtnClick, style: {
+                position: 'absolute',
+                zIndex: 1,
+                width: 13,
+                right: -13,
+                bottom: 20,
+                padding: '12px 0px',
+                textAlign: 'center',
+                borderWidth: '1px 1px 1px 0',
+                borderStyle: 'solid solid solid',
+                borderColor: 'rgb(232, 232, 232) rgb(232, 232, 232) rgb(232, 232, 232)',
+                cursor: 'pointer',
+            } })))));
+};
+exports.NodeCollapsePanel = NodeCollapsePanel;
+//# sourceMappingURL=index.js.map

package/lib/canvas-collapse-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/canvas-collapse-panel/index.tsx"],"names":[],"mappings":";;;;AACA,qDAAoD;AACpD,sDAA2D;AAC3D,4CAA8C;AAC9C,2CAAgD;AAChD,+CAAgD;AAChD,+CAAgD;AAChD,2DAA2D;AAC3D,iCAA6C;AAC7C,qCAAgD;AAChD,yCAAkD;AAgFhD,qGAhFO,gCAAoB,OAgFP;AA/EtB,uEAAkD;AAgFhD,kDAAmB;AA9ErB,IAAM,iBAAiB,GAAqB,UAAA,KAAK;IACzC,IAAA,KAA0C,IAAA,2BAAmB,EACjE,KAAqB,CACtB,EAFO,WAAW,iBAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAE1C,CAAA;IACK,IAAA,KAAgD,IAAA,8BAAoB,EAAC,KAAK,CAAC,EAAzE,KAAK,WAAA,EAAE,iBAAiB,uBAAA,EAAE,eAAe,qBAAgC,CAAA;IAEjF,OAAO,CACL;QACE,8BAAC,8BAAe,uBACV,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,WAAW,EAClB,eAAe,EAAE,eAAe,IAChC;QACF,8BAAC,8BAAiB,uBACZ,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,SAAS,EAChB,iBAAiB,EAAE,iBAAiB,IACpC;QACF,8BAAC,8BAAe,uBACV,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,WAAW,IAClB,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,IAAM,iBAAiB,GAAqB,UAAA,KAAK;IACvC,IAAA,QAAQ,GAAoC,KAAK,SAAzC,EAAE,WAAW,GAAuB,KAAK,YAA5B,EAAE,gBAAgB,GAAK,KAAK,iBAAV,CAAU;IACjD,IAAA,KAAsB,QAAQ,MAAnB,EAAX,KAAK,mBAAG,GAAG,KAAA,EAAE,IAAI,GAAK,QAAQ,KAAb,CAAa;IACtC,IAAM,SAAS,GAAG,IAAA,8BAAiB,EAAC,gBAAgB,CAAC,CAAA;IAE/C,IAAA,KAAgC,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA9C,WAAW,QAAA,EAAE,cAAc,QAAmB,CAAA;IAErD,IAAM,cAAc,GAAG,IAAA,mBAAW,EAAC;QACjC,cAAc,CAAC,CAAC,WAAW,CAAC,CAAA;QAC5B,gBAAgB,CAAC,CAAC,WAAW,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAAC,CAAA;IAEnC,OAAO,CACL,8BAAC,2BAAc,uBACT,KAAK,IACT,SAAS,EAAE,SAAS,EACpB,QAAQ,wCAAM,QAAQ,KAAE,IAAI,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,KAC1D,KAAK,EAAE,EAAC,UAAU,EAAE,WAAW,EAAC;QAEhC,8BAAC,iBAAiB,uBAAK,KAAK,IAAE,SAAS,EAAE,SAAS,IAAI;QAErD,WAAW,IAAI,CACd,8BAAC,yCAAoB,uBACf,KAAK,IACT,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,cAAc,EAClC,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,MAAM,EAAE,CAAC;gBACT,KAAK,EAAE,EAAE;gBACT,KAAK,EAAE,CAAC,EAAE;gBACV,MAAM,EAAE,EAAE;gBACV,OAAO,EAAE,UAAU;gBACnB,SAAS,EAAE,QAAQ;gBACnB,WAAW,EAAE,eAAe;gBAC5B,WAAW,EAAE,mBAAmB;gBAChC,WAAW,EAAE,0DAA0D;gBACvE,MAAM,EAAE,SAAS;aAClB,IACD,CACH,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAGC,8CAAiB"}

package/lib/canvas-collapse-panel/interface.d.ts

@@ -0,0 +1,133 @@
+import type { Addon } from '@antv/x6';
+import type { IPosition, NsGraph, IModelService, MODELS, IGraphCommandService } from '@sunspirytus/xflow-core';
+import type React from 'react';
+import type { Node as X6Node } from '@antv/x6';
+/** panel 布局 */
+export interface ILayoutProps {
+    /** header */
+    headerPosition: IPosition;
+    /** body */
+    bodyPosition: IPosition;
+    /** footer */
+    footerPosition: IPosition;
+}
+/** 节点工厂信息 */
+export interface INodeFactoryArgs {
+    /** 节点元数据 */
+    data: NsGraph.INodeConfig;
+    /** 节点宽 */
+    width: number;
+    /** 节点高 */
+    height: number;
+    /** canvas id */
+    view: string;
+    /** componnet 数据 */
+    component: React.ReactNode;
+}
+/** 节点工厂信息 */
+export interface IProps extends Partial<ILayoutProps> {
+    /** 位置信息 */
+    position: IPosition;
+    /** 样式信息 */
+    style?: React.CSSProperties;
+    /** prefix */
+    prefixClz?: string;
+    /** className */
+    className?: string;
+    /** drop节点的回调，通过回调创建画布的节点 */
+    onNodeDrop: IOnNodeDrop;
+    /** dnd的配置项 */
+    dndOptions?: Partial<Addon.Dnd.Options>;
+    /** dnd的配置项 */
+    header?: React.ReactNode;
+    /** dnd的配置项 */
+    footer?: React.ReactNode;
+    /** 搜索服务，返回搜索数据 */
+    searchService?: ISearchService;
+    /** collapse的数据 */
+    nodeDataService: INodeDataService;
+    /** dnd的配置项 */
+    x6NodeFactory?: (args: INodeFactoryArgs) => X6Node;
+    /** 是否可以折叠 */
+    collapsible?: boolean;
+    /** 折叠的 onChange 方法 */
+    onCollapseChange?: (isCollapsed: boolean) => void;
+    /** collapseBtn 的样式 */
+    collapseButtonStyle?: React.CSSProperties;
+}
+/** drop节点的回调，通过回调创建画布的节点 */
+export interface IOnNodeDrop {
+    (
+    /** 节点元数据 */
+    nodeMeta: IPanelNode, 
+    /** commandService */
+    commandService: IGraphCommandService, 
+    /** modelService */
+    modelService: IModelService): Promise<void>;
+}
+/** 折叠面板 */
+export interface ICollapsePanel {
+    /** panel Id */
+    id: string;
+    /** 是否可折叠或指定可折叠触发区域 */
+    collapsible?: boolean;
+    /** 是否折叠 */
+    isCollapsed?: boolean;
+    /** 自定义渲染每个面板右上角的内容 */
+    extra?: React.ComponentType<ICollapsePanel>;
+    /** header的渲染 支持组件和string */
+    header: React.ComponentType<ICollapsePanel> | string;
+    /** 自定义 icon */
+    icon?: React.ComponentType<{
+        isCollapsed: boolean;
+    }>;
+    /** 折叠面板的子元素 */
+    children?: IPanelNode[];
+    /** 自定义panel的children */
+    render?: React.ComponentType<ICollapsePanel>;
+    /** 自定义数据 */
+    data?: any;
+}
+/** 面板Dnd节点 */
+export interface IPanelNode extends NsGraph.INodeConfig {
+    /**  Dnd节点的popover的提示内容，可选  */
+    popoverContent?: React.ReactNode;
+    /**  自定义节点  */
+    renderComponent?: React.ComponentType<{
+        data: IPanelNode;
+        isNodePanel: boolean;
+    }>;
+    /** 自定义数据 */
+    data?: any;
+    /** disable */
+    isDisabled?: boolean;
+}
+/** service: 获取panel数据 */
+export interface INodeDataService {
+    (graphMeta: MODELS.GRAPH_META.IState, modelService: IModelService): Promise<ICollapsePanel[]>;
+}
+/** service: 返回过滤后的数据 */
+export interface ISearchService {
+    (panels: IPanelNode[], keyword: string): Promise<IPanelNode[]>;
+}
+/** service: onFolderExpand */
+export interface IOnActiveKeyChange {
+    (keyword: string): void;
+}
+/** service: onKeywordChange */
+export interface IOnKeywordChange {
+    (kwyword: string, panels: IPanelNode[]): void;
+}
+export declare namespace NsCollapsePanelModel {
+    const id = "COLLAPSE_PANEL_DATA";
+    interface IState {
+        /** service: onKeywordChange */
+        keyword: string;
+        /** 展开的key id */
+        /** 展开的key id */
+        collapseData: ICollapsePanel[];
+        /** 搜索结果 */
+        searchResult: IPanelNode[];
+    }
+    const useModel: (model: IModelService) => Promise<import("@sunspirytus/xflow-core").NsModel.IModel<IState>>;
+}

package/lib/canvas-collapse-panel/interface.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NsCollapsePanelModel = void 0;
+var tslib_1 = require("tslib");
+var NsCollapsePanelModel;
+(function (NsCollapsePanelModel) {
+    var _this = this;
+    NsCollapsePanelModel.id = 'COLLAPSE_PANEL_DATA';
+    NsCollapsePanelModel.useModel = function (model) { return tslib_1.__awaiter(_this, void 0, void 0, function () {
+        return tslib_1.__generator(this, function (_a) {
+            return [2 /*return*/, model.awaitModel(NsCollapsePanelModel.id)];
+        });
+    }); };
+})(NsCollapsePanelModel = exports.NsCollapsePanelModel || (exports.NsCollapsePanelModel = {}));
+//# sourceMappingURL=interface.js.map

package/lib/canvas-collapse-panel/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/canvas-collapse-panel/interface.tsx"],"names":[],"mappings":";;;;AAuIA,IAAiB,oBAAoB,CAiBpC;AAjBD,WAAiB,oBAAoB;;IACtB,uBAAE,GAAG,qBAAqB,CAAA;IAa1B,6BAAQ,GAAG,UAAO,KAAoB;;YACjD,sBAAO,KAAK,CAAC,UAAU,CAAS,qBAAA,EAAE,CAAC,EAAA;;SACpC,CAAA;AACH,CAAC,EAjBgB,oBAAoB,GAApB,4BAAoB,KAApB,4BAAoB,QAiBpC"}

package/lib/canvas-collapse-panel/panel-body/collapse.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { NsGraph, IGraphConfig, IModelService, IGraphCommandService } from '@sunspirytus/xflow-core';
+import type { ICollapsePanel, IOnActiveKeyChange } from '../interface';
+interface ISearchList {
+    prefixClz: string;
+    modelService: IModelService;
+    commandService: IGraphCommandService;
+    graphConfig: IGraphConfig;
+    onActiveKeyChange: IOnActiveKeyChange;
+    onMouseDown: (nodeConfig: NsGraph.INodeConfig) => (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+    collapseData: ICollapsePanel[];
+}
+export declare const CollapseList: React.FC<ISearchList>;
+export {};

package/lib/canvas-collapse-panel/panel-body/collapse.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapseList = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var icons_1 = require("@ant-design/icons");
+var panel_node_1 = require("./panel-node");
+var antd_1 = require("antd");
+var CollapseList = function (props) {
+    var onActiveKeyChange = props.onActiveKeyChange, collapseData = props.collapseData, prefixClz = props.prefixClz, onMouseDown = props.onMouseDown, modelService = props.modelService, commandService = props.commandService, graphConfig = props.graphConfig;
+    var renderHeader = function (item) {
+        var header = item.header, extra = item.extra, icon = item.icon, isCollapsed = item.isCollapsed;
+        var onClick = function (e) {
+            e.preventDefault();
+            onActiveKeyChange(item.id);
+        };
+        return (react_1.default.createElement("div", { className: "xflow-collapse-header", onClick: onClick },
+            react_1.default.createElement("div", { className: "xflow-collapse-header-icon" }, (0, xflow_core_1.isReactComponent)(icon) ? (react_1.default.createElement(icon, { isCollapsed: isCollapsed })) : (react_1.default.createElement(icons_1.CaretRightOutlined, { rotate: isCollapsed ? 0 : 90, style: { fontSize: '12px' } }))),
+            react_1.default.createElement("div", { className: "xflow-collapse-header-label" }, (0, xflow_core_1.isReactComponent)(header) ? react_1.default.createElement(header, item) : header),
+            react_1.default.createElement("div", { className: "xflow-collapse-header-extra" }, (0, xflow_core_1.isReactComponent)(extra) ? react_1.default.createElement(extra, item) : extra)));
+    };
+    var renderChildren = function (children) {
+        return (react_1.default.createElement("div", { className: "xflow-collapse-content" }, children.map(function (item) {
+            return (react_1.default.createElement("div", { className: "xflow-collapse-content-item ".concat(item.isDisabled ? 'disabled' : ''), key: item.id },
+                react_1.default.createElement(panel_node_1.PanelNode, { item: item, onMouseDown: onMouseDown(item), popoverContent: item.popoverContent, prefixClz: prefixClz, modelService: modelService, commandService: commandService, graphConfig: graphConfig })));
+        })));
+    };
+    return (react_1.default.createElement("ul", { className: "xflow-collapse-list" },
+        collapseData.length === 0 && react_1.default.createElement(antd_1.Empty, { style: { marginTop: '24px' } }),
+        collapseData.map(function (collapseItem) {
+            var _a = collapseItem.children, children = _a === void 0 ? [] : _a, isCollapsed = collapseItem.isCollapsed, render = collapseItem.render;
+            var clz = isCollapsed ? 'close' : 'open';
+            return (react_1.default.createElement("li", { className: "xflow-collapse-list-item ".concat(clz), key: collapseItem.id },
+                renderHeader(collapseItem),
+                (0, xflow_core_1.isReactComponent)(render)
+                    ? react_1.default.createElement(render, collapseItem)
+                    : renderChildren(children)));
+        })));
+};
+exports.CollapseList = CollapseList;
+//# sourceMappingURL=collapse.js.map

package/lib/canvas-collapse-panel/panel-body/collapse.js.map

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

package/lib/canvas-collapse-panel/panel-body/dnd-hook.d.ts

@@ -0,0 +1,12 @@
+import type { IProps, NsCollapsePanelModel, IOnActiveKeyChange, INodeFactoryArgs } from '../interface';
+export interface IBodyProps extends IProps {
+    state: NsCollapsePanelModel.IState;
+    onActiveKeyChange: IOnActiveKeyChange;
+}
+export declare const defaultNodeFactory: (args: INodeFactoryArgs) => import("@antv/x6").Node<import("@antv/x6").Node.Properties>;
+export declare const useGraphDnd: (props: IBodyProps) => {
+    graphConfig: any;
+    onMouseDown: any;
+    modelService: any;
+    commandService: any;
+};

package/lib/canvas-collapse-panel/panel-body/dnd-hook.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useGraphDnd = exports.defaultNodeFactory = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var xflow_core_1 = require("@sunspirytus/xflow-core");
+var x6_1 = require("@antv/x6");
+var node_1 = require("../../canvas-dag-extension/x6-extension/node");
+var defaultNodeFactory = function (args) {
+    return new node_1.XFlowNode(args);
+};
+exports.defaultNodeFactory = defaultNodeFactory;
+var useGraphDnd = function (props) {
+    var x6NodeFactory = props.x6NodeFactory, dndOptions = props.dndOptions, onNodeDrop = props.onNodeDrop;
+    var _a = (0, xflow_core_1.useXFlowApp)(), graphProvider = _a.graphProvider, modelService = _a.modelService, commandService = _a.commandService;
+    var _b = react_1.default.useState(), graphConfig = _b[0], setConfig = _b[1];
+    var _c = react_1.default.useState(), dnd = _c[0], setDnd = _c[1];
+    var _d = react_1.default.useState(), graph = _d[0], setGraph = _d[1];
+    /** 引用 graph 配置 */
+    react_1.default.useEffect(function () {
+        graphProvider.getGraphInstance().then(function (x6Graph) {
+            setGraph(x6Graph);
+        });
+        graphProvider.getGraphOptions().then(function (x6GraphConfig) {
+            setConfig(x6GraphConfig);
+        });
+    }, [graphProvider, setGraph, setConfig]);
+    /** 初始化 Dnd 实例 */
+    react_1.default.useEffect(function () {
+        if (!graph) {
+            return;
+        }
+        var dndInstance = new x6_1.Addon.Dnd(tslib_1.__assign(tslib_1.__assign({ scaled: false, animation: false }, dndOptions), { target: graph, 
+            /** 这里考虑到需要新增群组的需求，不使用x6的getDropNod方法
+             * 在validateNode时调用command添加
+             */
+            validateNode: function (droppingNode) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
+                var nodeConfig;
+                return tslib_1.__generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            nodeConfig = tslib_1.__assign(tslib_1.__assign({}, droppingNode.getData()), droppingNode.getPosition());
+                            if (!onNodeDrop) return [3 /*break*/, 2];
+                            return [4 /*yield*/, onNodeDrop(nodeConfig, commandService, modelService)];
+                        case 1:
+                            _a.sent();
+                            return [3 /*break*/, 3];
+                        case 2:
+                            console.error('onNodeDrop method is required in NodeTree Panel');
+                            _a.label = 3;
+                        case 3: return [2 /*return*/, false];
+                    }
+                });
+            }); } }));
+        setDnd(dndInstance);
+        return function () {
+            dndInstance.dispose();
+        };
+    }, [commandService, modelService, dndOptions, graph, onNodeDrop]);
+    /** 开始拖拽 */
+    var onMouseDown = react_1.default.useCallback(function (nodeConfig) { return function (e) {
+        if (!graph || !dnd || !graphConfig) {
+            return;
+        }
+        if (nodeConfig.isDisabled) {
+            return;
+        }
+        // 获取节点组件
+        var renderKey = graphConfig.nodeTypeParser(nodeConfig);
+        var reactComponent = nodeConfig.renderComponent
+            ? nodeConfig.renderComponent
+            : graphConfig.nodeRender.get(renderKey);
+        // 包裹节点组件
+        var wrappedComponent = (0, xflow_core_1.getNodeReactComponent)(reactComponent, commandService, modelService);
+        var nodeData = {
+            data: nodeConfig,
+            width: nodeConfig.width || 180,
+            height: nodeConfig.height || 40,
+            view: graphConfig.graphId,
+            component: wrappedComponent,
+        };
+        var x6Node = x6NodeFactory ? x6NodeFactory(nodeData) : (0, exports.defaultNodeFactory)(nodeData);
+        dnd.start(x6Node, e.nativeEvent);
+    }; }, [commandService, dnd, graph, graphConfig, modelService, x6NodeFactory]);
+    return { graphConfig: graphConfig, onMouseDown: onMouseDown, modelService: modelService, commandService: commandService };
+};
+exports.useGraphDnd = useGraphDnd;
+//# sourceMappingURL=dnd-hook.js.map

package/lib/canvas-collapse-panel/panel-body/dnd-hook.js.map

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

package/lib/canvas-collapse-panel/panel-body/index.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { IBodyProps } from './dnd-hook';
+export declare const CollapsePanelBody: React.FC<IBodyProps>;

package/lib/canvas-collapse-panel/panel-body/index.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CollapsePanelBody = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var dnd_hook_1 = require("./dnd-hook");
+var panel_search_list_1 = require("./panel-search-list");
+var collapse_1 = require("./collapse");
+var CollapsePanelBody = function (props) {
+    var state = props.state, prefixClz = props.prefixClz, onActiveKeyChange = props.onActiveKeyChange;
+    var _a = (0, dnd_hook_1.useGraphDnd)(props), graphConfig = _a.graphConfig, onMouseDown = _a.onMouseDown, modelService = _a.modelService, commandService = _a.commandService;
+    var searchResult = state.searchResult, collapseData = state.collapseData, keyword = state.keyword;
+    return (react_1.default.createElement("div", { className: "".concat(prefixClz, "-body"), style: props.style },
+        keyword.length === 0 && (react_1.default.createElement(collapse_1.CollapseList, { onActiveKeyChange: onActiveKeyChange, collapseData: collapseData, onMouseDown: onMouseDown, modelService: modelService, commandService: commandService, graphConfig: graphConfig, prefixClz: prefixClz })),
+        keyword.length > 0 && (react_1.default.createElement(panel_search_list_1.SearchResult, { searchResult: searchResult, onMouseDown: onMouseDown, modelService: modelService, commandService: commandService, graphConfig: graphConfig, prefixClz: prefixClz }))));
+};
+exports.CollapsePanelBody = CollapsePanelBody;
+//# sourceMappingURL=index.js.map

package/lib/canvas-collapse-panel/panel-body/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/canvas-collapse-panel/panel-body/index.tsx"],"names":[],"mappings":";;;;AAAA,wDAAyB;AACzB,uCAAwC;AACxC,yDAAkD;AAClD,uCAAyC;AAGlC,IAAM,iBAAiB,GAAyB,UAAA,KAAK;IAClD,IAAA,KAAK,GAAmC,KAAK,MAAxC,EAAE,SAAS,GAAwB,KAAK,UAA7B,EAAE,iBAAiB,GAAK,KAAK,kBAAV,CAAU;IAC/C,IAAA,KAA6D,IAAA,sBAAW,EAAC,KAAK,CAAC,EAA7E,WAAW,iBAAA,EAAE,WAAW,iBAAA,EAAE,YAAY,kBAAA,EAAE,cAAc,oBAAuB,CAAA;IAC7E,IAAA,YAAY,GAA4B,KAAK,aAAjC,EAAE,YAAY,GAAc,KAAK,aAAnB,EAAE,OAAO,GAAK,KAAK,QAAV,CAAU;IAErD,OAAO,CACL,uCAAK,SAAS,EAAE,UAAG,SAAS,UAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QACpD,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CACvB,8BAAC,uBAAY,IACX,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH;QACA,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,8BAAC,gCAAY,IACX,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH,CACG,CACP,CAAA;AACH,CAAC,CAAA;AA9BY,QAAA,iBAAiB,qBA8B7B"}

package/lib/canvas-collapse-panel/panel-body/panel-node.d.ts

@@ -0,0 +1,22 @@
+import type { IPanelNode } from '../interface';
+import type { IGraphCommandService, IGraphConfig, IModelService } from '@sunspirytus/xflow-core';
+import React from 'react';
+interface INodeRenderOptions {
+    graphConfig: IGraphConfig;
+    nodeConfig: IPanelNode;
+    modelService: IModelService;
+    commandService: IGraphCommandService;
+    onMouseDown: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+}
+export declare const renderNode: (props: INodeRenderOptions) => any;
+interface INodeProps {
+    prefixClz: string;
+    item: IPanelNode;
+    graphConfig: IGraphConfig;
+    modelService: IModelService;
+    commandService: IGraphCommandService;
+    popoverContent: React.ReactNode;
+    onMouseDown: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+}
+export declare const PanelNode: React.FC<INodeProps>;
+export {};