@sunspirytus/xflow-extension 1.0.52

package/es/canvas-mini-map/x6-node-view/index.d.ts

@@ -0,0 +1,7 @@
+import { NodeView } from '@antv/x6';
+export declare class SimpleNodeView extends NodeView {
+    static nodeFillColor: string;
+    static setNodeFillColor: (color: string) => void;
+    protected renderMarkup(): void;
+    update(): void;
+}

package/es/canvas-mini-map/x6-node-view/index.js

@@ -0,0 +1,23 @@
+import { NodeView } from '@antv/x6';
+export class SimpleNodeView extends NodeView {
+    renderMarkup() {
+        return this.renderJSONMarkup({
+            tagName: 'rect',
+            selector: 'body',
+        });
+    }
+    update() {
+        super.update({
+            body: {
+                refWidth: '100%',
+                refHeight: '100%',
+                fill: SimpleNodeView.nodeFillColor,
+            },
+        });
+    }
+}
+SimpleNodeView.nodeFillColor = '#31d0c6';
+SimpleNodeView.setNodeFillColor = (color) => {
+    SimpleNodeView.nodeFillColor = color;
+};
+//# sourceMappingURL=index.js.map

package/es/canvas-mini-map/x6-node-view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/canvas-mini-map/x6-node-view/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC,MAAM,OAAO,cAAe,SAAQ,QAAQ;IAOhC,YAAY;QACpB,OAAO,IAAI,CAAC,gBAAgB,CAAC;YAC3B,OAAO,EAAE,MAAM;YACf,QAAQ,EAAE,MAAM;SACjB,CAAC,CAAA;IACJ,CAAC;IAED,MAAM;QACJ,KAAK,CAAC,MAAM,CAAC;YACX,IAAI,EAAE;gBACJ,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,MAAM;gBACjB,IAAI,EAAE,cAAc,CAAC,aAAa;aACnC;SACF,CAAC,CAAA;IACJ,CAAC;;AArBM,4BAAa,GAAW,SAAS,CAAA;AAEjC,+BAAgB,GAAG,CAAC,KAAa,EAAE,EAAE;IAC1C,cAAc,CAAC,aAAa,GAAG,KAAK,CAAA;AACtC,CAAC,CAAA"}

package/es/canvas-node-port-tooltip/components/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IConfigProps } from '../interface';
+export declare const CONFIG_TYPE = "CanvasNodePortTooltip";
+export declare const CanvasNodePortTooltip: React.FC<IConfigProps>;

package/es/canvas-node-port-tooltip/components/index.js

@@ -0,0 +1,41 @@
+import { __awaiter } from "tslib";
+import React from 'react';
+import { Tooltip } from 'antd';
+import { useXFlowApp, createComponentModel, XFlowAppExtensionModule } from '@sunspirytus/xflow-core';
+import { ACTIVE_NODE_PORT } from '../interface';
+import { createModule } from '../module';
+export const CONFIG_TYPE = 'CanvasNodePortTooltip';
+const RenderTooltip = props => {
+    const xflow = useXFlowApp();
+    const [state, , renderModel] = createComponentModel(null);
+    React.useEffect(() => {
+        if (!xflow) {
+            return;
+        }
+        const subscribe = () => __awaiter(void 0, void 0, void 0, function* () {
+            const { model } = yield ACTIVE_NODE_PORT.useModel(xflow.modelService);
+            return model.watch(value => {
+                renderModel.setValue(value);
+            });
+        });
+        const subscription = subscribe();
+        return () => {
+            subscription.then(disposable => {
+                disposable.dispose();
+            });
+        };
+    }, [renderModel, xflow]);
+    const visible = !!(state && state.position && state.position.x);
+    if (!visible) {
+        return null;
+    }
+    const title = props.getTooltip ? props.getTooltip(state) : state.tooltip;
+    return (React.createElement(Tooltip, { visible: visible, title: title, placement: state.placement || 'top' },
+        React.createElement("span", { className: "canvas-node-port-tooltip", style: { position: 'absolute', left: state.position.x, top: state.position.y } })));
+};
+export const CanvasNodePortTooltip = props => {
+    const getConfig = React.useCallback(() => __awaiter(void 0, void 0, void 0, function* () { return null; }), []);
+    return (React.createElement(XFlowAppExtensionModule, { createModule: createModule, config: { CONFIG_TYPE: CONFIG_TYPE, getConfig } },
+        React.createElement(RenderTooltip, Object.assign({}, props))));
+};
+//# sourceMappingURL=index.js.map

package/es/canvas-node-port-tooltip/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/canvas-node-port-tooltip/components/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAEpG,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAExC,MAAM,CAAC,MAAM,WAAW,GAAG,uBAAuB,CAAA;AAElD,MAAM,aAAa,GAA2B,KAAK,CAAC,EAAE;IACpD,MAAM,KAAK,GAAG,WAAW,EAAE,CAAA;IAC3B,MAAM,CAAC,KAAK,EAAE,AAAD,EAAG,WAAW,CAAC,GAAG,oBAAoB,CAAiC,IAAI,CAAC,CAAA;IAEzF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,KAAK,EAAE;YACV,OAAM;SACP;QACD,MAAM,SAAS,GAAG,GAAS,EAAE;YAC3B,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,gBAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAA;YACrE,OAAO,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,EAAE;gBACzB,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;YAC7B,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA,CAAA;QACD,MAAM,YAAY,GAAG,SAAS,EAAE,CAAA;QAChC,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;gBAC7B,UAAU,CAAC,OAAO,EAAE,CAAA;YACtB,CAAC,CAAC,CAAA;QACJ,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAA;IAExB,MAAM,OAAO,GAAG,CAAC,CAAC,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE/D,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAA;KACZ;IAED,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAA;IAExE,OAAO,CACL,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,IAAI,KAAK;QAC1E,8BACE,SAAS,EAAC,0BAA0B,EACpC,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,GAC9E,CACM,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAA2B,KAAK,CAAC,EAAE;IACnE,MAAM,SAAS,GAAG,KAAK,CAAC,WAAW,CAAC,GAAS,EAAE,kDAAC,OAAA,IAAI,CAAA,GAAA,EAAE,EAAE,CAAC,CAAA;IAEzD,OAAO,CACL,oBAAC,uBAAuB,IACtB,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE;QAE/C,oBAAC,aAAa,oBAAK,KAAK,EAAI,CACJ,CAC3B,CAAA;AACH,CAAC,CAAA"}

package/es/canvas-node-port-tooltip/contributions/node-port.d.ts

@@ -0,0 +1,24 @@
+import type { Graph } from '@antv/x6';
+import type { IModelService } from '@sunspirytus/xflow-core';
+import type { ICmdHooks } from '@sunspirytus/xflow-core';
+import { IHookContribution } from '@sunspirytus/xflow-core';
+import { IGraphProvider } from '@sunspirytus/xflow-core';
+import { DisposableCollection, IModelContribution, Disposable } from '@sunspirytus/xflow-core';
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+export declare class NodePortTooltipContribution implements IHookContribution<ICmdHooks>, IModelContribution {
+    toDispose: DisposableCollection;
+    protected readonly graphProvider: IGraphProvider;
+    /** 获取画布实例 */
+    getGraphInstance: () => Promise<{
+        graph: Graph;
+        config: import("@sunspirytus/xflow-core").IGraphConfig;
+    }>;
+    /** 获取GraphOptions */
+    getPortRenderConfig: () => Graph.Options;
+    registerHookHub: () => Promise<Disposable>;
+    registerHook: (hooks: ICmdHooks) => Promise<Disposable>;
+    registerModel(registry: IModelService): void;
+}

package/es/canvas-node-port-tooltip/contributions/node-port.js

@@ -0,0 +1,121 @@
+import { __awaiter, __decorate, __metadata } from "tslib";
+import classnames from 'classnames';
+import { IHookContribution, ManaSyringe } from '@sunspirytus/xflow-core';
+import { IGraphProvider } from '@sunspirytus/xflow-core';
+import { ACTIVE_NODE_PORT, NsPortEvent } from '../interface';
+import { DisposableCollection, IModelContribution, Disposable } from '@sunspirytus/xflow-core';
+/**
+ * 内置的hook contribution
+ * 处理 config上的runtime的注册项
+ */
+let NodePortTooltipContribution = class NodePortTooltipContribution {
+    constructor() {
+        this.toDispose = new DisposableCollection();
+        /** 获取画布实例 */
+        this.getGraphInstance = () => __awaiter(this, void 0, void 0, function* () {
+            const graphInstance = yield this.graphProvider.getGraphInstance();
+            const graphConfig = yield this.graphProvider.getGraphOptions();
+            return { graph: graphInstance, config: graphConfig };
+        });
+        /** 获取GraphOptions */
+        this.getPortRenderConfig = () => {
+            const dagOptions = {
+                onPortRendered(portRenderedArgs) {
+                    /* eslint-disable-next-line @typescript-eslint/no-this-alias */
+                    const graph = this;
+                    const { port, node } = portRenderedArgs;
+                    const { contentSelectors } = portRenderedArgs;
+                    const portContainer = contentSelectors && contentSelectors['xflow-port-group'];
+                    if (portContainer instanceof Element) {
+                        portContainer.setAttribute('class', classnames('xflow-port-group', {
+                            connected: port.connected && port.group !== 'out',
+                            groupPort: (node === null || node === void 0 ? void 0 : node.isGroup) && (node === null || node === void 0 ? void 0 : node.isGroup()),
+                        }));
+                        portContainer.addEventListener('mouseenter', e => {
+                            const eventArgs = {
+                                e: e,
+                                portId: port.id,
+                                nodeId: node.id,
+                                portData: port,
+                                nodeData: node.getData(),
+                                tooltip: port.tooltip,
+                                placement: port.group,
+                            };
+                            graph.trigger(NsPortEvent.MOUSE_ENTER, eventArgs);
+                        });
+                        portContainer.addEventListener('mouseleave', e => {
+                            const eventArgs = {
+                                e: e,
+                                portId: port.id,
+                                nodeId: node.id,
+                                portData: port,
+                                nodeData: node.getData(),
+                                tooltip: port.tooltip,
+                                placement: port.group,
+                            };
+                            graph.trigger(NsPortEvent.MOUSE_LEAVE, eventArgs);
+                        });
+                    }
+                },
+            };
+            return dagOptions;
+        };
+        this.registerHookHub = () => __awaiter(this, void 0, void 0, function* () {
+            return Disposable.create(() => { });
+        });
+        this.registerHook = (hooks) => __awaiter(this, void 0, void 0, function* () {
+            const toDispose = new DisposableCollection();
+            const disposables = [
+                hooks.graphOptions.registerHook({
+                    name: 'add onPortRendered options ',
+                    handler: (args) => __awaiter(this, void 0, void 0, function* () {
+                        Object.assign(args, this.getPortRenderConfig());
+                    }),
+                }),
+            ];
+            toDispose.pushAll(disposables);
+            return Disposable.create(() => { });
+        });
+    }
+    registerModel(registry) {
+        registry.registerModel({
+            id: ACTIVE_NODE_PORT.id,
+            watchChange: (self) => __awaiter(this, void 0, void 0, function* () {
+                const { graph, config } = yield this.getGraphInstance();
+                const calcPosition = (e) => {
+                    const { x, y, width, height } = e.target.getBoundingClientRect();
+                    const clientRect = config.rootContainer.getBoundingClientRect();
+                    const position = {
+                        x: x - ((clientRect === null || clientRect === void 0 ? void 0 : clientRect.x) || 0) + width / 2,
+                        y: y - ((clientRect === null || clientRect === void 0 ? void 0 : clientRect.y) || 0) + height / 2,
+                    };
+                    return position;
+                };
+                const onMouseEnter = (args) => {
+                    self.setValue(Object.assign(Object.assign({}, args), { position: calcPosition(args.e) }));
+                };
+                const onMouseLeave = () => {
+                    self.setValue(null);
+                };
+                /** 绑定事件 */
+                graph.on(NsPortEvent.MOUSE_ENTER, onMouseEnter);
+                graph.on(NsPortEvent.MOUSE_LEAVE, onMouseLeave);
+                graph.on('cell:mouseleave', onMouseLeave);
+                return Disposable.create(() => {
+                    /** 解除绑定 */
+                    graph.off(NsPortEvent.MOUSE_ENTER, onMouseEnter);
+                    graph.off(NsPortEvent.MOUSE_LEAVE, onMouseLeave);
+                });
+            }),
+        });
+    }
+};
+__decorate([
+    ManaSyringe.inject(IGraphProvider),
+    __metadata("design:type", Object)
+], NodePortTooltipContribution.prototype, "graphProvider", void 0);
+NodePortTooltipContribution = __decorate([
+    ManaSyringe.singleton({ contrib: [IHookContribution, IModelContribution] })
+], NodePortTooltipContribution);
+export { NodePortTooltipContribution };
+//# sourceMappingURL=node-port.js.map

package/es/canvas-node-port-tooltip/contributions/node-port.js.map

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

package/es/canvas-node-port-tooltip/index.d.ts

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

package/es/canvas-node-port-tooltip/index.js

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

package/es/canvas-node-port-tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/canvas-node-port-tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAA"}

package/es/canvas-node-port-tooltip/interface.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import type { NsGraph, IModelService } from '@sunspirytus/xflow-core';
+export declare namespace NsPortEvent {
+    const MOUSE_ENTER = "node-port:mouseenter";
+    interface IPortEvent {
+        e: MouseEvent;
+        portId: string;
+        nodeId: string;
+        portData: NsGraph.INodeAnchor;
+        nodeData: NsGraph.INodeConfig;
+        tooltip: string;
+        placement: 'top' | 'bottom';
+    }
+    const MOUSE_LEAVE = "node-port:mouseleave";
+}
+export declare namespace ACTIVE_NODE_PORT {
+    const id = "ACTIVE_NODE_PORT";
+    interface IState {
+        e: MouseEvent;
+        position: {
+            x: number;
+            y: number;
+        };
+        portId: string;
+        nodeId: string;
+        portData: NsGraph.INodeAnchor;
+        nodeData: NsGraph.INodeConfig;
+        tooltip: string;
+        placement: 'top' | 'bottom';
+    }
+    const useModel: (modelService: IModelService) => Promise<{
+        data: IState;
+        model: import("@sunspirytus/xflow-core").NsModel.IModel<IState>;
+    }>;
+}
+export interface IConfigProps {
+    getTooltip?: (args: ACTIVE_NODE_PORT.IState) => React.ReactNode;
+}

package/es/canvas-node-port-tooltip/interface.js

@@ -0,0 +1,17 @@
+import { __awaiter } from "tslib";
+import 'react';
+export var NsPortEvent;
+(function (NsPortEvent) {
+    NsPortEvent.MOUSE_ENTER = 'node-port:mouseenter';
+    NsPortEvent.MOUSE_LEAVE = 'node-port:mouseleave';
+})(NsPortEvent || (NsPortEvent = {}));
+export var ACTIVE_NODE_PORT;
+(function (ACTIVE_NODE_PORT) {
+    ACTIVE_NODE_PORT.id = 'ACTIVE_NODE_PORT';
+    ACTIVE_NODE_PORT.useModel = (modelService) => __awaiter(this, void 0, void 0, function* () {
+        const model = yield modelService.awaitModel(ACTIVE_NODE_PORT.id);
+        const data = yield model.getValidValue();
+        return { data, model };
+    });
+})(ACTIVE_NODE_PORT || (ACTIVE_NODE_PORT = {}));
+//# sourceMappingURL=interface.js.map

package/es/canvas-node-port-tooltip/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/canvas-node-port-tooltip/interface.ts"],"names":[],"mappings":";AAAA,OAAkB,OAAO,CAAA;AAGzB,MAAM,KAAW,WAAW,CAY3B;AAZD,WAAiB,WAAW;IACb,uBAAW,GAAG,sBAAsB,CAAA;IAUpC,uBAAW,GAAG,sBAAsB,CAAA;AACnD,CAAC,EAZgB,WAAW,KAAX,WAAW,QAY3B;AAED,MAAM,KAAW,gBAAgB,CAiBhC;AAjBD,WAAiB,gBAAgB;IAClB,mBAAE,GAAG,kBAAkB,CAAA;IAWvB,yBAAQ,GAAG,CAAO,YAA2B,EAAE,EAAE;QAC5D,MAAM,KAAK,GAAG,MAAM,YAAY,CAAC,UAAU,CAAS,iBAAA,EAAE,CAAC,CAAA;QACvD,MAAM,IAAI,GAAG,MAAM,KAAK,CAAC,aAAa,EAAE,CAAA;QACxC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,CAAA;IACxB,CAAC,CAAA,CAAA;AACH,CAAC,EAjBgB,gBAAgB,KAAhB,gBAAgB,QAiBhC"}

package/es/canvas-node-port-tooltip/module.d.ts

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

package/es/canvas-node-port-tooltip/module.js

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

package/es/canvas-node-port-tooltip/module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/canvas-node-port-tooltip/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,kBAAkB,CAAA;AACzB,uBAAuB;AAEvB,OAAO,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAA;AAEvE,mBAAmB;AACnB,MAAM,YAAY,GAAG,GAAG,EAAE;IACxB,OAAO,WAAW,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;QACnC,sBAAsB;QACtB,QAAQ,CAAC,2BAA2B,CAAC,CAAA;IACvC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AAED,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/es/canvas-node-tree-panel/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const PANEL_HEADER_HEIGHT = 40;
+export declare const PANEL_FOOTER_HEIGHT = 40;
+export declare const TREE_ROOT_ID = "XFLOW_TREE_PANEL_ROOT_ID";

package/es/canvas-node-tree-panel/constants.js

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

package/es/canvas-node-tree-panel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/canvas-node-tree-panel/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAA;AACrC,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAA;AAErC,MAAM,CAAC,MAAM,YAAY,GAAG,0BAA0B,CAAA"}

package/es/canvas-node-tree-panel/index.d.ts

@@ -0,0 +1,6 @@
+import type { IProps } from './interface';
+import React from 'react';
+import { NsNodeTreePanelModel } from './service';
+import * as NsNodeTreePanel from './interface';
+declare const NodeTreePanel: React.FC<IProps>;
+export { NodeTreePanel, NsNodeTreePanelModel, NsNodeTreePanel, IProps as INodeTreePanelProps };

package/es/canvas-node-tree-panel/index.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import { useXflowPrefixCls } from '@sunspirytus/xflow-core';
+import { WorkspacePanel } from '../base-panel';
+import { NodePanelBody } from './panel-body';
+import { NodePanelHeader } from './panel-header';
+import { NodePanelFooter } from './panel-footer';
+import { usePanelLyaoutStyle } from './utils';
+import { useTreePanelData, NsNodeTreePanelModel } from './service';
+import * as NsNodeTreePanel from './interface';
+const NodeTreePanelMain = props => {
+    const { headerStyle, bodyStyle, footerStyle } = usePanelLyaoutStyle(props);
+    const { state, onFolderExpand, onKeywordChange } = useTreePanelData(props);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(NodePanelHeader, Object.assign({}, props, { state: state, style: headerStyle, onKeywordChange: onKeywordChange })),
+        React.createElement(NodePanelBody, Object.assign({}, props, { state: state, style: bodyStyle, onFolderExpand: onFolderExpand })),
+        React.createElement(NodePanelFooter, Object.assign({}, props, { state: state, style: footerStyle }))));
+};
+const NodeTreePanel = props => {
+    const prefixClz = useXflowPrefixCls('node-dnd-panel');
+    return (React.createElement(WorkspacePanel, Object.assign({}, props, { className: prefixClz }),
+        React.createElement(NodeTreePanelMain, Object.assign({}, props, { prefixClz: prefixClz }))));
+};
+export { NodeTreePanel, NsNodeTreePanelModel, NsNodeTreePanel };
+//# sourceMappingURL=index.js.map

package/es/canvas-node-tree-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/canvas-node-tree-panel/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAClE,OAAO,KAAK,eAAe,MAAM,aAAa,CAAA;AAE9C,MAAM,iBAAiB,GAAqB,KAAK,CAAC,EAAE;IAClD,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,mBAAmB,CAAC,KAAoB,CAAC,CAAA;IACzF,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAA;IAE1E,OAAO,CACL;QACE,oBAAC,eAAe,oBACV,KAAK,IACT,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,WAAW,EAClB,eAAe,EAAE,eAAe,IAChC;QACF,oBAAC,aAAa,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,IAAI;QAC5F,oBAAC,eAAe,oBAAK,KAAK,IAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,IAAI,CAC/D,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAqB,KAAK,CAAC,EAAE;IAC9C,MAAM,SAAS,GAAG,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;IACrD,OAAO,CACL,oBAAC,cAAc,oBAAK,KAAK,IAAE,SAAS,EAAE,SAAS;QAC7C,oBAAC,iBAAiB,oBAAK,KAAK,IAAE,SAAS,EAAE,SAAS,IAAI,CACvC,CAClB,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,eAAe,EAAiC,CAAA"}

package/es/canvas-node-tree-panel/interface.d.ts

@@ -0,0 +1,111 @@
+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';
+export interface IPanelProps {
+    headerPosition: IPosition;
+    bodyPosition: IPosition;
+    footerPosition: IPosition;
+}
+export interface INodeFactoryArgs {
+    data: NsGraph.INodeConfig;
+    width: number;
+    height: number;
+    view: string;
+    component: React.ReactNode;
+}
+export interface IProps extends Partial<IPanelProps> {
+    position: IPosition;
+    style?: React.CSSProperties;
+    prefixClz?: string;
+    className?: string;
+    onNodeDrop: IOnNodeDrop;
+    dndOptions?: Partial<Addon.Dnd.Options>;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    x6NodeFactory?: (args: INodeFactoryArgs) => X6Node;
+    searchService?: ISearchService;
+    treeDataService: ITreeDataService;
+}
+export interface IOnNodeDrop {
+    (nodeMeta: NsGraph.INodeConfig, commandService: IGraphCommandService, modelService: IModelService): Promise<void>;
+}
+/** tree node model */
+export interface ITreeNode {
+    /**
+     * 树节点的ID，'root' 是根节点的id
+     */
+    readonly id: string | 'root';
+    /**
+     * 节点的文件夹id
+     */
+    readonly parentId: string;
+    /**
+     * 节点名
+     */
+    readonly label: string;
+    /**
+     * 画布节点宽度
+     */
+    readonly width?: number;
+    /**
+     * 画布节点高度
+     */
+    readonly height?: number;
+    /**
+     * 画布节点的renderKey，可选
+     */
+    readonly renderKey?: string;
+    /**
+     * Dnd节点的popover的提示内容，可选
+     */
+    readonly popoverContent?: React.ReactNode;
+    /**
+     * 自定义节点
+     */
+    renderComponent?: React.ComponentType<{
+        data: ITreeNode;
+        isNodeTreePanel: boolean;
+    }>;
+    /**
+     * 【内部渲染用】文件夹的标识.
+     */
+    isDirectory?: boolean;
+    /**
+     * 【内部渲染用】节点的标识.
+     */
+    isLeaf?: boolean;
+    /**
+     * 【内部渲染用】子节点
+     */
+    children?: ITreeNode[];
+    /**
+     * fieldName，支持NsGraph.INodeConfig
+     */
+    [fieldName: string]: any;
+}
+/** service: 获取tree数据 */
+export interface ITreeDataService {
+    (graphMeta: MODELS.GRAPH_META.IState, modelService: IModelService): Promise<ITreeNode[]>;
+}
+/** service: 返回过滤后的数据 */
+export interface ISearchService {
+    (treeNodeList: ITreeNode[], keyword: string): Promise<ITreeNode[]>;
+}
+export interface IOnFolderExpand {
+    (keys: string[]): void;
+}
+export interface IOnKeywordChange {
+    (kwyword: string): void;
+}
+export declare namespace NsTreePanelData {
+    const id = "TREE_PANEL_DATA";
+    interface IState {
+        treeNodeList: ITreeNode[];
+        treeData: ITreeNode[];
+        expandedKeys: string[];
+        defaultExpandAll: boolean;
+        keyword: string;
+        searchList: ITreeNode[];
+    }
+}

package/es/canvas-node-tree-panel/interface.js

@@ -0,0 +1,5 @@
+export var NsTreePanelData;
+(function (NsTreePanelData) {
+    NsTreePanelData.id = 'TREE_PANEL_DATA';
+})(NsTreePanelData || (NsTreePanelData = {}));
+//# sourceMappingURL=interface.js.map

package/es/canvas-node-tree-panel/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/canvas-node-tree-panel/interface.tsx"],"names":[],"mappings":"AAoHA,MAAM,KAAW,eAAe,CAU/B;AAVD,WAAiB,eAAe;IACjB,kBAAE,GAAG,iBAAiB,CAAA;AASrC,CAAC,EAVgB,eAAe,KAAf,eAAe,QAU/B"}

package/es/canvas-node-tree-panel/panel-body.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { NsTreePanelData, IProps, ITreeNode, IOnFolderExpand, INodeFactoryArgs } from './interface';
+import type { IModelService, IGraphCommandService, IGraphConfig } from '@sunspirytus/xflow-core';
+export declare const defaultNodeFactory: (args: INodeFactoryArgs) => import("@antv/x6").Node<import("@antv/x6").Node.Properties>;
+interface IConfigRenderOptions {
+    graphConfig: IGraphConfig;
+    nodeConfig: ITreeNode;
+    modelService: IModelService;
+    commandService: IGraphCommandService;
+    onMouseDown: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+}
+export declare const renderNode: (props: IConfigRenderOptions) => any;
+interface ITitleProps {
+    prefixClz: string;
+    item: ITreeNode;
+    graphConfig: any;
+    modelService: IModelService;
+    commandService: IGraphCommandService;
+    popoverContent: React.ReactNode;
+    onMouseDown: (e: React.MouseEvent<HTMLElement, MouseEvent>) => void;
+}
+export declare const NodeTitle: (props: ITitleProps) => any;
+export interface IBodyProps extends IProps {
+    state: NsTreePanelData.IState;
+    onFolderExpand: IOnFolderExpand;
+}
+export declare const NodePanelBody: React.FC<IBodyProps>;
+export {};