@sunspirytus/xflow-extension 1.0.52

package/es/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/es/base-panel/config.js

@@ -0,0 +1,23 @@
+/** baseConfig */
+export class PropsProxy {
+    constructor() {
+        /** 设置组件的props */
+        this.getValue = () => {
+            return {};
+        };
+    }
+    /** dispose */
+    dispose() {
+        this.getValue = () => null;
+    }
+}
+/** baseConfig */
+export class PanelBaseConfig {
+    /** uuid */
+    constructor(moduleId) {
+        this.moduleId = moduleId;
+    }
+    /** dispose */
+    dispose() { }
+}
+//# sourceMappingURL=config.js.map

package/es/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,MAAM,OAAO,UAAU;IAAvB;QACE,iBAAiB;QACjB,aAAQ,GAAG,GAAG,EAAE;YACd,OAAO,EAAO,CAAA;QAChB,CAAC,CAAA;IAKH,CAAC;IAJC,cAAc;IACd,OAAO;QACL,IAAI,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,IAAI,CAAA;IAC5B,CAAC;CACF;AAED,iBAAiB;AACjB,MAAM,OAAO,eAAe;IAG1B,WAAW;IACX,YAAY,QAAgB;QAC1B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAA;IAC1B,CAAC;IACD,cAAc;IACd,OAAO,KAAI,CAAC;CACb"}

package/es/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/es/base-panel/context.js

@@ -0,0 +1,8 @@
+import React from 'react';
+export const PanelContext = React.createContext({
+    propsProxy: null,
+    commandService: null,
+    modelService: null,
+});
+export const usePanelContext = () => React.useContext(PanelContext);
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/base-panel/context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAW;IACxD,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,IAAI;IACpB,YAAY,EAAE,IAAI;CACnB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAsB,EAAE,CACrD,KAAK,CAAC,UAAU,CAAC,YAAY,CAAgB,CAAA"}

package/es/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/es/base-panel/index.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { useXFlowApp, usePositionStyle } from '@sunspirytus/xflow-core';
+import classNames from 'classnames';
+import { PropsProxy } from './config';
+import { PanelContext } from './context';
+const WorkspacePanel = props => {
+    const { className, position, style, children } = props;
+    const app = useXFlowApp();
+    const positionStyle = usePositionStyle(position);
+    const propsProxy = React.useMemo(() => {
+        return new PropsProxy();
+    }, []);
+    React.useEffect(() => {
+        return () => {
+            propsProxy.dispose();
+        };
+    }, [propsProxy]);
+    if (!app || !app.modelService) {
+        return null;
+    }
+    propsProxy.getValue = () => props;
+    const clz = classNames({
+        [className]: !!className,
+        'xflow-workspace-panel': true,
+    });
+    const { commandService, modelService } = app;
+    return (React.createElement(PanelContext.Provider, { value: { propsProxy, commandService, modelService } },
+        React.createElement("div", { className: clz, style: Object.assign(Object.assign({}, positionStyle), style) }, children)));
+};
+export { usePanelContext } from './context';
+export { WorkspacePanel };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/base-panel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AACvE,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AASxC,MAAM,cAAc,GAAmC,KAAK,CAAC,EAAE;IAC7D,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACtD,MAAM,GAAG,GAAG,WAAW,EAAE,CAAA;IACzB,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAA;IAEhD,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO,IAAI,UAAU,EAAE,CAAA;IACzB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,GAAG,EAAE;YACV,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,GAAG,EAAE,CAAC,KAAK,CAAA;IAEjC,MAAM,GAAG,GAAG,UAAU,CAAC;QACrB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;QACxB,uBAAuB,EAAE,IAAI;KAC9B,CAAC,CAAA;IAEF,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,GAAG,CAAA;IAE5C,OAAO,CACL,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,cAAc,EAAE,YAAY,EAAE;QACxE,6BACE,SAAS,EAAE,GAAG,EACd,KAAK,kCACA,aAAa,GACb,KAAK,KAGT,QAAQ,CACL,CACgB,CACzB,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAwB,CAAA"}

package/es/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/es/canvas-collapse-panel/constants.js

@@ -0,0 +1,3 @@
+export const PANEL_HEADER_HEIGHT = 40;
+export const PANEL_FOOTER_HEIGHT = 40;
+//# sourceMappingURL=constants.js.map

package/es/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,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAA;AACrC,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAA"}

package/es/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/es/canvas-collapse-panel/index.js

@@ -0,0 +1,46 @@
+import React, { useState, useCallback } from 'react';
+import { useXflowPrefixCls } from '@sunspirytus/xflow-core';
+import { WorkspacePanel } from '../base-panel';
+import { CollapsePanelBody } from './panel-body';
+import { NodePanelHeader } from './panel-header';
+import { NodePanelFooter } from './panel-footer';
+import { NodePanelCollapseBtn } from './panel-collapse-btn';
+import { usePanelLyaoutStyle } from './utils';
+import { useCollapsePanelData } from './service';
+import { NsCollapsePanelModel } from './interface';
+import * as NsNodeCollapsePanel from './interface';
+const CollapsePanelMain = props => {
+    const { headerStyle, bodyStyle, footerStyle } = usePanelLyaoutStyle(props);
+    const { state, onActiveKeyChange, onKeywordChange } = useCollapsePanelData(props);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(NodePanelHeader, Object.assign({}, props, { state: state, style: headerStyle, onKeywordChange: onKeywordChange })),
+        React.createElement(CollapsePanelBody, Object.assign({}, props, { state: state, style: bodyStyle, onActiveKeyChange: onActiveKeyChange })),
+        React.createElement(NodePanelFooter, Object.assign({}, props, { state: state, style: footerStyle }))));
+};
+const NodeCollapsePanel = props => {
+    const { position, collapsible, onCollapseChange } = props;
+    const { width = 200, left } = position;
+    const prefixClz = useXflowPrefixCls('collapse-panel');
+    const [isCollapsed, setIsCollapsed] = useState(false);
+    const handleBtnClick = useCallback(() => {
+        setIsCollapsed(!isCollapsed);
+        onCollapseChange(!isCollapsed);
+    }, [isCollapsed, onCollapseChange]);
+    return (React.createElement(WorkspacePanel, Object.assign({}, props, { className: prefixClz, position: Object.assign(Object.assign({}, position), { left: !isCollapsed ? left : -width }), style: { transition: 'left 0.5s' } }),
+        React.createElement(CollapsePanelMain, Object.assign({}, props, { prefixClz: prefixClz })),
+        collapsible && (React.createElement(NodePanelCollapseBtn, Object.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',
+            } })))));
+};
+export { NodeCollapsePanel, NsCollapsePanelModel, NsNodeCollapsePanel, };
+//# sourceMappingURL=index.js.map

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

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

package/es/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/es/canvas-collapse-panel/interface.js

@@ -0,0 +1,9 @@
+import { __awaiter } from "tslib";
+export var NsCollapsePanelModel;
+(function (NsCollapsePanelModel) {
+    NsCollapsePanelModel.id = 'COLLAPSE_PANEL_DATA';
+    NsCollapsePanelModel.useModel = (model) => __awaiter(this, void 0, void 0, function* () {
+        return model.awaitModel(NsCollapsePanelModel.id);
+    });
+})(NsCollapsePanelModel || (NsCollapsePanelModel = {}));
+//# sourceMappingURL=interface.js.map

package/es/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,MAAM,KAAW,oBAAoB,CAiBpC;AAjBD,WAAiB,oBAAoB;IACtB,uBAAE,GAAG,qBAAqB,CAAA;IAa1B,6BAAQ,GAAG,CAAO,KAAoB,EAAE,EAAE;QACrD,OAAO,KAAK,CAAC,UAAU,CAAS,qBAAA,EAAE,CAAC,CAAA;IACrC,CAAC,CAAA,CAAA;AACH,CAAC,EAjBgB,oBAAoB,KAApB,oBAAoB,QAiBpC"}

package/es/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/es/canvas-collapse-panel/panel-body/collapse.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import { isReactComponent } from '@sunspirytus/xflow-core';
+import { CaretRightOutlined } from '@ant-design/icons';
+import { PanelNode } from './panel-node';
+import { Empty } from 'antd';
+export const CollapseList = props => {
+    const { onActiveKeyChange, collapseData, prefixClz, onMouseDown, modelService, commandService, graphConfig, } = props;
+    const renderHeader = (item) => {
+        const { header, extra, icon, isCollapsed } = item;
+        const onClick = (e) => {
+            e.preventDefault();
+            onActiveKeyChange(item.id);
+        };
+        return (React.createElement("div", { className: `xflow-collapse-header`, onClick: onClick },
+            React.createElement("div", { className: `xflow-collapse-header-icon` }, isReactComponent(icon) ? (React.createElement(icon, { isCollapsed })) : (React.createElement(CaretRightOutlined, { rotate: isCollapsed ? 0 : 90, style: { fontSize: '12px' } }))),
+            React.createElement("div", { className: `xflow-collapse-header-label` }, isReactComponent(header) ? React.createElement(header, item) : header),
+            React.createElement("div", { className: `xflow-collapse-header-extra` }, isReactComponent(extra) ? React.createElement(extra, item) : extra)));
+    };
+    const renderChildren = (children) => {
+        return (React.createElement("div", { className: `xflow-collapse-content` }, children.map(item => {
+            return (React.createElement("div", { className: `xflow-collapse-content-item ${item.isDisabled ? 'disabled' : ''}`, key: item.id },
+                React.createElement(PanelNode, { item: item, onMouseDown: onMouseDown(item), popoverContent: item.popoverContent, prefixClz: prefixClz, modelService: modelService, commandService: commandService, graphConfig: graphConfig })));
+        })));
+    };
+    return (React.createElement("ul", { className: "xflow-collapse-list" },
+        collapseData.length === 0 && React.createElement(Empty, { style: { marginTop: '24px' } }),
+        collapseData.map(collapseItem => {
+            const { children = [], isCollapsed, render } = collapseItem;
+            const clz = isCollapsed ? 'close' : 'open';
+            return (React.createElement("li", { className: `xflow-collapse-list-item ${clz}`, key: collapseItem.id },
+                renderHeader(collapseItem),
+                isReactComponent(render)
+                    ? React.createElement(render, collapseItem)
+                    : renderChildren(children)));
+        })));
+};
+//# sourceMappingURL=collapse.js.map

package/es/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/es/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/es/canvas-collapse-panel/panel-body/dnd-hook.js

@@ -0,0 +1,75 @@
+import { __awaiter } from "tslib";
+import React from 'react';
+import { useXFlowApp, getNodeReactComponent } from '@sunspirytus/xflow-core';
+import { Addon } from '@antv/x6';
+import { XFlowNode } from '../../canvas-dag-extension/x6-extension/node';
+export const defaultNodeFactory = (args) => {
+    return new XFlowNode(args);
+};
+export const useGraphDnd = (props) => {
+    const { x6NodeFactory, dndOptions, onNodeDrop } = props;
+    const { graphProvider, modelService, commandService } = useXFlowApp();
+    const [graphConfig, setConfig] = React.useState();
+    const [dnd, setDnd] = React.useState();
+    const [graph, setGraph] = React.useState();
+    /** 引用 graph 配置 */
+    React.useEffect(() => {
+        graphProvider.getGraphInstance().then(x6Graph => {
+            setGraph(x6Graph);
+        });
+        graphProvider.getGraphOptions().then(x6GraphConfig => {
+            setConfig(x6GraphConfig);
+        });
+    }, [graphProvider, setGraph, setConfig]);
+    /** 初始化 Dnd 实例 */
+    React.useEffect(() => {
+        if (!graph) {
+            return;
+        }
+        const dndInstance = new Addon.Dnd(Object.assign(Object.assign({ scaled: false, animation: false }, dndOptions), { target: graph, 
+            /** 这里考虑到需要新增群组的需求，不使用x6的getDropNod方法
+             * 在validateNode时调用command添加
+             */
+            validateNode: (droppingNode) => __awaiter(void 0, void 0, void 0, function* () {
+                const nodeConfig = Object.assign(Object.assign({}, droppingNode.getData()), droppingNode.getPosition());
+                if (onNodeDrop) {
+                    yield onNodeDrop(nodeConfig, commandService, modelService);
+                }
+                else {
+                    console.error('onNodeDrop method is required in NodeTree Panel');
+                }
+                return false;
+            }) }));
+        setDnd(dndInstance);
+        return () => {
+            dndInstance.dispose();
+        };
+    }, [commandService, modelService, dndOptions, graph, onNodeDrop]);
+    /** 开始拖拽 */
+    const onMouseDown = React.useCallback((nodeConfig) => (e) => {
+        if (!graph || !dnd || !graphConfig) {
+            return;
+        }
+        if (nodeConfig.isDisabled) {
+            return;
+        }
+        // 获取节点组件
+        const renderKey = graphConfig.nodeTypeParser(nodeConfig);
+        const reactComponent = nodeConfig.renderComponent
+            ? nodeConfig.renderComponent
+            : graphConfig.nodeRender.get(renderKey);
+        // 包裹节点组件
+        const wrappedComponent = getNodeReactComponent(reactComponent, commandService, modelService);
+        const nodeData = {
+            data: nodeConfig,
+            width: nodeConfig.width || 180,
+            height: nodeConfig.height || 40,
+            view: graphConfig.graphId,
+            component: wrappedComponent,
+        };
+        const x6Node = x6NodeFactory ? x6NodeFactory(nodeData) : defaultNodeFactory(nodeData);
+        dnd.start(x6Node, e.nativeEvent);
+    }, [commandService, dnd, graph, graphConfig, modelService, x6NodeFactory]);
+    return { graphConfig, onMouseDown, modelService, commandService };
+};
+//# sourceMappingURL=dnd-hook.js.map

package/es/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/es/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/es/canvas-collapse-panel/panel-body/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { useGraphDnd } from './dnd-hook';
+import { SearchResult } from './panel-search-list';
+import { CollapseList } from './collapse';
+export const CollapsePanelBody = props => {
+    const { state, prefixClz, onActiveKeyChange } = props;
+    const { graphConfig, onMouseDown, modelService, commandService } = useGraphDnd(props);
+    const { searchResult, collapseData, keyword } = state;
+    return (React.createElement("div", { className: `${prefixClz}-body`, style: props.style },
+        keyword.length === 0 && (React.createElement(CollapseList, { onActiveKeyChange: onActiveKeyChange, collapseData: collapseData, onMouseDown: onMouseDown, modelService: modelService, commandService: commandService, graphConfig: graphConfig, prefixClz: prefixClz })),
+        keyword.length > 0 && (React.createElement(SearchResult, { searchResult: searchResult, onMouseDown: onMouseDown, modelService: modelService, commandService: commandService, graphConfig: graphConfig, prefixClz: prefixClz }))));
+};
+//# sourceMappingURL=index.js.map

package/es/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,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAGzC,MAAM,CAAC,MAAM,iBAAiB,GAAyB,KAAK,CAAC,EAAE;IAC7D,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,KAAK,CAAA;IACrD,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC,KAAK,CAAC,CAAA;IACrF,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAErD,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,SAAS,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QACpD,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CACvB,oBAAC,YAAY,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,oBAAC,YAAY,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"}

package/es/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 {};

package/es/canvas-collapse-panel/panel-body/panel-node.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { XFlowConstants } from '@sunspirytus/xflow-core';
+import { Popover } from 'antd';
+export const renderNode = (props) => {
+    const { nodeConfig, onMouseDown, graphConfig, modelService, commandService } = props;
+    if (!graphConfig) {
+        return React.createElement("div", null);
+    }
+    if (nodeConfig.renderComponent) {
+        return (React.createElement("div", { onMouseDown: onMouseDown }, React.createElement(nodeConfig.renderComponent, {
+            data: nodeConfig,
+            isNodePanel: true,
+        })));
+    }
+    const renderKey = graphConfig.nodeTypeParser(nodeConfig) || XFlowConstants.XFLOW_DEFAULT_NODE;
+    const reactComponent = graphConfig.nodeRender.get(renderKey);
+    return (React.createElement("div", { onMouseDown: onMouseDown }, React.createElement(reactComponent, {
+        commandService,
+        modelService,
+        data: nodeConfig,
+        isNodeTreePanel: true,
+    })));
+};
+export const PanelNode = props => {
+    const [isVisible, setVisible] = React.useState(false);
+    const { prefixClz, graphConfig, commandService, modelService, popoverContent, onMouseDown, item, } = props;
+    return (React.createElement(React.Fragment, null, popoverContent ? (React.createElement(Popover, { placement: "right", destroyTooltipOnHide: true, content: popoverContent, visible: isVisible, onVisibleChange: val => {
+            setVisible(val);
+        } },
+        React.createElement("div", { className: `${prefixClz}-node-wrapper`, onMouseEnter: () => {
+                setVisible(true);
+            } }, renderNode({
+            graphConfig,
+            commandService: commandService,
+            onMouseDown,
+            modelService,
+            nodeConfig: item,
+        })))) : (React.createElement("div", { className: `${prefixClz}-node-wrapper` }, renderNode({
+        graphConfig,
+        commandService: commandService,
+        onMouseDown,
+        modelService,
+        nodeConfig: item,
+    })))));
+};
+//# sourceMappingURL=panel-node.js.map

package/es/canvas-collapse-panel/panel-body/panel-node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-node.js","sourceRoot":"","sources":["../../../src/canvas-collapse-panel/panel-body/panel-node.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAA;AAU9B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAyB,EAAE,EAAE;IACtD,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,GAAG,KAAK,CAAA;IAEpF,IAAI,CAAC,WAAW,EAAE;QAChB,OAAO,gCAAO,CAAA;KACf;IAED,IAAI,UAAU,CAAC,eAAe,EAAE;QAC9B,OAAO,CACL,6BAAK,WAAW,EAAE,WAAW,IAC1B,KAAK,CAAC,aAAa,CAAC,UAAU,CAAC,eAAe,EAAE;YAC/C,IAAI,EAAE,UAAU;YAChB,WAAW,EAAE,IAAI;SAClB,CAAC,CACE,CACP,CAAA;KACF;IACD,MAAM,SAAS,GAAG,WAAW,CAAC,cAAc,CAAC,UAAU,CAAC,IAAI,cAAc,CAAC,kBAAkB,CAAA;IAC7F,MAAM,cAAc,GAAG,WAAW,CAAC,UAAU,CAAC,GAAG,CAAC,SAAS,CAAC,CAAA;IAC5D,OAAO,CACL,6BAAK,WAAW,EAAE,WAAW,IAC1B,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE;QACnC,cAAc;QACd,YAAY;QACZ,IAAI,EAAE,UAAU;QAChB,eAAe,EAAE,IAAI;KACtB,CAAC,CACE,CACP,CAAA;AACH,CAAC,CAAA;AAYD,MAAM,CAAC,MAAM,SAAS,GAAyB,KAAK,CAAC,EAAE;IACrD,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IACrD,MAAM,EACJ,SAAS,EACT,WAAW,EACX,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,EACX,IAAI,GACL,GAAG,KAAK,CAAA;IACT,OAAO,CACL,0CACG,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,OAAO,IACN,SAAS,EAAC,OAAO,EACjB,oBAAoB,QACpB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,SAAS,EAClB,eAAe,EAAE,GAAG,CAAC,EAAE;YACrB,UAAU,CAAC,GAAG,CAAC,CAAA;QACjB,CAAC;QAED,6BACE,SAAS,EAAE,GAAG,SAAS,eAAe,EACtC,YAAY,EAAE,GAAG,EAAE;gBACjB,UAAU,CAAC,IAAI,CAAC,CAAA;YAClB,CAAC,IAEA,UAAU,CAAC;YACV,WAAW;YACX,cAAc,EAAE,cAAc;YAC9B,WAAW;YACX,YAAY;YACZ,UAAU,EAAE,IAAI;SACjB,CAAC,CACE,CACE,CACX,CAAC,CAAC,CAAC,CACF,6BAAK,SAAS,EAAE,GAAG,SAAS,eAAe,IACxC,UAAU,CAAC;QACV,WAAW;QACX,cAAc,EAAE,cAAc;QAC9B,WAAW;QACX,YAAY;QACZ,UAAU,EAAE,IAAI;KACjB,CAAC,CACE,CACP,CACA,CACJ,CAAA;AACH,CAAC,CAAA"}

package/es/canvas-collapse-panel/panel-body/panel-search-list.d.ts

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

package/es/canvas-collapse-panel/panel-body/panel-search-list.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Empty } from 'antd';
+import { PanelNode } from './panel-node';
+export const SearchResult = props => {
+    const { searchResult, prefixClz, onMouseDown, modelService, commandService, graphConfig } = props;
+    if (searchResult.length === 0) {
+        return React.createElement(Empty, { style: { marginTop: '24px' } });
+    }
+    return (React.createElement("ul", { className: `xflow-collapse-search-list` }, searchResult.map(item => (React.createElement("li", { className: `xflow-collapse-search-list-item ${item.isDisabled ? 'disabled' : ''}`, key: item.id },
+        React.createElement(PanelNode, { item: item, onMouseDown: onMouseDown(item), popoverContent: item.popoverContent, prefixClz: prefixClz, modelService: modelService, commandService: commandService, graphConfig: graphConfig }))))));
+};
+//# sourceMappingURL=panel-search-list.js.map

package/es/canvas-collapse-panel/panel-body/panel-search-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"panel-search-list.js","sourceRoot":"","sources":["../../../src/canvas-collapse-panel/panel-body/panel-search-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,MAAM,CAAA;AAG5B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAaxC,MAAM,CAAC,MAAM,YAAY,GAA0B,KAAK,CAAC,EAAE;IACzD,MAAM,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,GAAG,KAAK,CAAA;IAEjG,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE;QAC7B,OAAO,oBAAC,KAAK,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,GAAI,CAAA;KAC/C;IAED,OAAO,CACL,4BAAI,SAAS,EAAE,4BAA4B,IACxC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACxB,4BACE,SAAS,EAAE,mCAAmC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,EACjF,GAAG,EAAE,IAAI,CAAC,EAAE;QAEZ,oBAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,CAAC,IAAI,CAAC,EAC9B,cAAc,EAAE,IAAI,CAAC,cAAc,EACnC,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,GACxB,CACC,CACN,CAAC,CACC,CACN,CAAA;AACH,CAAC,CAAA"}