@sunspirytus/xflow-extension 1.0.52

package/es/flowchart-editor-panel/useAsync.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAsync.js","sourceRoot":"","sources":["../../src/flowchart-editor-panel/useAsync.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAMxD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAqC,EAAK;IACxE,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,QAAQ,CAAuC;QAClE,OAAO,EAAE,IAAI;KACd,CAAC,CAAA;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,EAAE,EAAE,CAAC,IAAI,CACP,KAAK,CAAC,EAAE;YACN,GAAG,CAAC;gBACF,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,KAAK;aACZ,CAAC,CAAA;QACJ,CAAC,EACD,KAAK,CAAC,EAAE;YACN,GAAG,CAAC;gBACF,OAAO,EAAE,KAAK;aACf,CAAC,CAAA;YACF,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,CACF,CAAA;IACH,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;IAER,SAAS,CAAC,GAAG,EAAE;QACb,QAAQ,EAAE,CAAA;IACZ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,KAAK,CAAA;AACd,CAAC"}

package/es/flowchart-node-panel/constants.d.ts

@@ -0,0 +1,40 @@
+export declare const PANEL_HEADER_HEIGHT = 40;
+export declare const CONTAINER_CLASS = "xflow-node-panel-collpase";
+/** 组群 ID */
+export declare const GROUP_NODE_RENDER_ID = "GROUP_NODE_RENDER_ID";
+export declare const NODE_WIDTH = 60;
+export declare const NODE_HEIGHT = 40;
+export declare const NODE_PADDING = 1;
+export declare const DefaultNodeConfig: {
+    stroke: string;
+    fill: string;
+    fontFill: string;
+    fontSize: number;
+    label: string;
+};
+export declare const NODEPOOL: ({
+    name: string;
+    width?: undefined;
+    height?: undefined;
+    ports?: undefined;
+    label?: undefined;
+} | {
+    name: string;
+    width: number;
+    height: number;
+    ports?: undefined;
+    label?: undefined;
+} | {
+    name: string;
+    ports: string[];
+    width?: undefined;
+    height?: undefined;
+    label?: undefined;
+} | {
+    name: string;
+    label: string;
+    width?: undefined;
+    height?: undefined;
+    ports?: undefined;
+})[];
+export declare const ASPECTRATIONODE: string[];

package/es/flowchart-node-panel/constants.js

@@ -0,0 +1,101 @@
+export const PANEL_HEADER_HEIGHT = 40;
+export const CONTAINER_CLASS = 'xflow-node-panel-collpase';
+/** 组群 ID */
+export const GROUP_NODE_RENDER_ID = 'GROUP_NODE_RENDER_ID';
+// 节点默认尺寸
+export const NODE_WIDTH = 60;
+export const NODE_HEIGHT = 40;
+// svg 绘制起始点，解决边不清晰的问题
+export const NODE_PADDING = 1;
+export const DefaultNodeConfig = {
+    stroke: '#A2B1C3',
+    fill: '#FFFFFF',
+    fontFill: '#000',
+    fontSize: 12,
+    label: '',
+};
+export const NODEPOOL = [
+    {
+        name: 'Terminal',
+    },
+    {
+        name: 'Process',
+    },
+    {
+        name: 'Decision',
+    },
+    {
+        name: 'Multi Document',
+    },
+    {
+        name: 'Connector',
+        width: NODE_HEIGHT,
+        height: NODE_HEIGHT,
+    },
+    {
+        name: 'DataIO',
+        ports: ['top', 'bottom'],
+    },
+    {
+        name: 'Database',
+    },
+    {
+        name: 'Hard Disk',
+    },
+    {
+        name: 'Stroed Data',
+    },
+    {
+        name: 'Document',
+    },
+    {
+        name: 'Predefined Process',
+    },
+    {
+        name: 'Extract',
+    },
+    {
+        name: 'Merge',
+    },
+    {
+        name: 'Or',
+        width: NODE_HEIGHT,
+        height: NODE_HEIGHT,
+    },
+    {
+        name: 'Manual Input',
+    },
+    {
+        name: 'Preparation',
+    },
+    {
+        name: 'Delay',
+    },
+    {
+        name: 'Manual Operation',
+    },
+    {
+        name: 'Display',
+    },
+    {
+        name: 'Off Page Link',
+    },
+    {
+        name: 'Note Left',
+        label: '≣',
+    },
+    {
+        name: 'Note Right',
+        label: '≣',
+    },
+    {
+        name: 'Internal Storage',
+    },
+    {
+        name: 'Text',
+        label: 'text',
+    },
+];
+// 缩放时保存同比例
+export const ASPECTRATIONODE = ['Connector', 'Or'];
+//# sourceMappingURL=constants.js.map

package/es/flowchart-node-panel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../src/flowchart-node-panel/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAA;AACrC,MAAM,CAAC,MAAM,eAAe,GAAG,2BAA2B,CAAA;AAC1D,YAAY;AACZ,MAAM,CAAC,MAAM,oBAAoB,GAAG,sBAAsB,CAAA;AAC1D,SAAS;AACT,MAAM,CAAC,MAAM,UAAU,GAAG,EAAE,CAAA;AAC5B,MAAM,CAAC,MAAM,WAAW,GAAG,EAAE,CAAA;AAC7B,sBAAsB;AACtB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,CAAA;AAE7B,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,MAAM;IAChB,QAAQ,EAAE,EAAE;IACZ,KAAK,EAAE,EAAE;CACV,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB;QACE,IAAI,EAAE,UAAU;KACjB;IACD;QACE,IAAI,EAAE,SAAS;KAChB;IACD;QACE,IAAI,EAAE,UAAU;KACjB;IACD;QACE,IAAI,EAAE,gBAAgB;KACvB;IACD;QACE,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,WAAW;KACpB;IACD;QACE,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC;KACzB;IACD;QACE,IAAI,EAAE,UAAU;KACjB;IACD;QACE,IAAI,EAAE,WAAW;KAClB;IACD;QACE,IAAI,EAAE,aAAa;KACpB;IACD;QACE,IAAI,EAAE,UAAU;KACjB;IACD;QACE,IAAI,EAAE,oBAAoB;KAC3B;IACD;QACE,IAAI,EAAE,SAAS;KAChB;IACD;QACE,IAAI,EAAE,OAAO;KACd;IACD;QACE,IAAI,EAAE,IAAI;QACV,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,WAAW;KACpB;IACD;QACE,IAAI,EAAE,cAAc;KACrB;IACD;QACE,IAAI,EAAE,aAAa;KACpB;IACD;QACE,IAAI,EAAE,OAAO;KACd;IACD;QACE,IAAI,EAAE,kBAAkB;KACzB;IACD;QACE,IAAI,EAAE,SAAS;KAChB;IACD;QACE,IAAI,EAAE,eAAe;KACtB;IACD;QACE,IAAI,EAAE,WAAW;QACjB,KAAK,EAAE,GAAG;KACX;IACD;QACE,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,GAAG;KACX;IACD;QACE,IAAI,EAAE,kBAAkB;KACzB;IACD;QACE,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;KACd;CACF,CAAA;AACD,WAAW;AACX,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA"}

package/es/flowchart-node-panel/context.d.ts

@@ -0,0 +1 @@
+export declare const FlowchartContext: any;

package/es/flowchart-node-panel/context.js

@@ -0,0 +1,3 @@
+import { createContext } from 'react';
+export const FlowchartContext = createContext({});
+//# sourceMappingURL=context.js.map

package/es/flowchart-node-panel/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../src/flowchart-node-panel/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAErC,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAAC,EAAE,CAAC,CAAA"}

package/es/flowchart-node-panel/group-panel/group.css

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

package/es/flowchart-node-panel/group-panel/group.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const GroupNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/group-panel/group.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { PlusSquareOutlined, MinusSquareOutlined } from '@ant-design/icons';
+import { useXFlowApp, XFlowGroupCommands } from '@sunspirytus/xflow-core';
+export const GroupNode = props => {
+    const { cell, data: { label, stroke, fill, fontSize, fontFill, width = 200, isCollapsed = false }, } = props;
+    const app = useXFlowApp();
+    const onExpand = () => {
+        app.executeCommand(XFlowGroupCommands.COLLAPSE_GROUP.id, {
+            nodeId: cell.id,
+            isCollapsed: false,
+            collapsedSize: { width, height: 40 },
+        });
+    };
+    const onCollapse = () => {
+        app.executeCommand(XFlowGroupCommands.COLLAPSE_GROUP.id, {
+            nodeId: cell.id,
+            isCollapsed: true,
+            collapsedSize: { width, height: 40 },
+            gap: 3,
+        });
+    };
+    return (React.createElement("div", { className: "xflow-group-node", style: {
+            borderColor: stroke,
+            backgroundColor: fill,
+            fontSize,
+            color: fontFill,
+        } },
+        React.createElement("div", { className: "xflow-group-header" },
+            React.createElement("div", { className: "header-left" }, label),
+            React.createElement("div", { className: "header-right" },
+                isCollapsed && React.createElement(PlusSquareOutlined, { onClick: onExpand }),
+                !isCollapsed && React.createElement(MinusSquareOutlined, { onClick: onCollapse })))));
+};
+//# sourceMappingURL=group.js.map

package/es/flowchart-node-panel/group-panel/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/flowchart-node-panel/group-panel/group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAE3E,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAEzE,MAAM,CAAC,MAAM,SAAS,GAAwB,KAAK,CAAC,EAAE;IACpD,MAAM,EACJ,IAAI,EACJ,IAAI,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,GAAG,GAAG,EAAE,WAAW,GAAG,KAAK,EAAE,GACpF,GAAG,KAAK,CAAA;IACT,MAAM,GAAG,GAAG,WAAW,EAAE,CAAA;IACzB,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,GAAG,CAAC,cAAc,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAE,EAAE;YACvD,MAAM,EAAE,IAAI,CAAC,EAAE;YACf,WAAW,EAAE,KAAK;YAClB,aAAa,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;SACrC,CAAC,CAAA;IACJ,CAAC,CAAA;IACD,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,GAAG,CAAC,cAAc,CAAC,kBAAkB,CAAC,cAAc,CAAC,EAAE,EAAE;YACvD,MAAM,EAAE,IAAI,CAAC,EAAE;YACf,WAAW,EAAE,IAAI;YACjB,aAAa,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE;YACpC,GAAG,EAAE,CAAC;SACP,CAAC,CAAA;IACJ,CAAC,CAAA;IAED,OAAO,CACL,6BACE,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE;YACL,WAAW,EAAE,MAAM;YACnB,eAAe,EAAE,IAAI;YACrB,QAAQ;YACR,KAAK,EAAE,QAAQ;SAChB;QAED,6BAAK,SAAS,EAAC,oBAAoB;YACjC,6BAAK,SAAS,EAAC,aAAa,IAAE,KAAK,CAAO;YAC1C,6BAAK,SAAS,EAAC,cAAc;gBAC1B,WAAW,IAAI,oBAAC,kBAAkB,IAAC,OAAO,EAAE,QAAQ,GAAI;gBACxD,CAAC,WAAW,IAAI,oBAAC,mBAAmB,IAAC,OAAO,EAAE,UAAU,GAAI,CACzD,CACF,CACF,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/group-panel/group.less

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

package/es/flowchart-node-panel/group-panel/index.d.ts

@@ -0,0 +1 @@
+export declare const setGroupRender: (config: any) => void;

package/es/flowchart-node-panel/group-panel/index.js

@@ -0,0 +1,6 @@
+import { GroupNode } from './group';
+import { GROUP_NODE_RENDER_ID } from '../constants';
+export const setGroupRender = config => {
+    config.setNodeRender(GROUP_NODE_RENDER_ID, GroupNode);
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/group-panel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/flowchart-node-panel/group-panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACnC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AAEnD,MAAM,CAAC,MAAM,cAAc,GAAG,MAAM,CAAC,EAAE;IACrC,MAAM,CAAC,aAAa,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAA;AACvD,CAAC,CAAA"}

package/es/flowchart-node-panel/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { IProps } from './interface';
+export { setGroupRender } from './group-panel';
+export * from './constants';
+export * from './utils';
+export * from './interface';
+export declare const NodePanelMain: React.FC<IProps>;
+export declare const FlowchartNodePanel: React.FC<IProps>;

package/es/flowchart-node-panel/index.js

@@ -0,0 +1,61 @@
+import { __rest } from "tslib";
+import React, { useState } from 'react';
+import { useXflowPrefixCls } from '@sunspirytus/xflow-core';
+import { DoubleRightOutlined, DoubleLeftOutlined } from '@ant-design/icons';
+import { get } from 'lodash';
+import { WorkspacePanel } from '../base-panel';
+import { registerCustomNode } from './utils';
+import { NodePanelBody } from './panel-body';
+// import { NodePanelHeader } from '../canvas-node-tree-panel/panel-header'
+import { NodePanelHeader } from './panel-header';
+import { usePanelLyaoutStyle } from '../canvas-node-tree-panel/utils';
+import { usePanelData } from './service';
+import { CONTAINER_CLASS, PANEL_HEADER_HEIGHT } from './constants';
+export { setGroupRender } from './group-panel';
+export * from './constants';
+export * from './utils';
+export * from './interface';
+export const NodePanelMain = props => {
+    const { prefixClz, position = { width: 240, top: 0, bottom: 0, left: 0 }, showHeader = true } = props, rest = __rest(props, ["prefixClz", "position", "showHeader"]);
+    const { width = 200 } = position;
+    const { headerStyle, bodyStyle } = usePanelLyaoutStyle(props);
+    const { state, onKeywordChange } = usePanelData(props);
+    return (React.createElement(React.Fragment, null,
+        showHeader && (React.createElement(WorkspacePanel, Object.assign({}, rest, { position: {
+                top: 0,
+                left: 0,
+                height: PANEL_HEADER_HEIGHT,
+                width,
+            } }),
+            React.createElement(NodePanelHeader, Object.assign({}, props, { state: state, style: headerStyle, onKeywordChange: onKeywordChange })))),
+        React.createElement(WorkspacePanel, Object.assign({ className: `${CONTAINER_CLASS}-nodes` }, rest, { position: Object.assign(Object.assign({}, position), { top: showHeader ? PANEL_HEADER_HEIGHT : 0 }) }),
+            React.createElement(NodePanelBody, Object.assign({}, props, { state: state, style: bodyStyle })))));
+};
+export const FlowchartNodePanel = props => {
+    registerCustomNode(get(props, 'registerNode'));
+    const prefixClz = useXflowPrefixCls('node-panel');
+    const [collpased, setCollpased] = useState(false);
+    const { show = true, position = { width: 240, top: 40, bottom: 0, left: 0 } } = props, rest = __rest(props, ["show", "position"]);
+    if (!show) {
+        return null;
+    }
+    const { width = 200, left } = position;
+    return (React.createElement(WorkspacePanel, { className: CONTAINER_CLASS, position: Object.assign(Object.assign({}, position), { left: !collpased ? left : -width }) },
+        React.createElement("div", { className: `${CONTAINER_CLASS}-wrapper` },
+            React.createElement(WorkspacePanel, Object.assign({ className: prefixClz }, rest, { position: {
+                    top: 0,
+                    bottom: 0,
+                    left: 0,
+                    right: 0,
+                } }),
+                React.createElement(NodePanelMain, Object.assign({}, props, { prefixClz: prefixClz, position: position }))),
+            React.createElement("div", { className: `${CONTAINER_CLASS}-icon`, style: {
+                    top: 21,
+                    right: !collpased ? -10 : -20,
+                    borderRadius: !collpased ? '50%' : '0 50% 50% 0',
+                    borderLeft: !collpased ? '' : 'none',
+                }, onClick: () => {
+                    setCollpased(!collpased);
+                } }, collpased ? React.createElement(DoubleRightOutlined, null) : React.createElement(DoubleLeftOutlined, null)))));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/index.js.map

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

package/es/flowchart-node-panel/interface.d.ts

@@ -0,0 +1,70 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+import type React from 'react';
+import type { IProps as TreeNodeProps, ITreeDataService } from '../canvas-node-tree-panel/interface';
+import { INodeFactoryArgs } from '../canvas-node-tree-panel/interface';
+export { INodeFactoryArgs };
+/** 自定义节点 */
+export interface ICustomNode {
+    name: string;
+    component: NsGraph.INodeRender<any>;
+    popover?: React.ComponentType<any>;
+    label?: string;
+    width?: number;
+    height?: number;
+    ports?: NsGraph.INodeConfig['ports'];
+}
+/** tree node model */
+export interface IFlowchartNode {
+    /**
+     * The type of the menu item.
+     */
+    readonly id: string | 'root';
+    /**
+     * The display label for the menu item.
+     */
+    readonly label: string;
+    /**
+     * Dnd节点的宽度
+     */
+    readonly width?: number;
+    /**
+     * Dnd节点的高度
+     */
+    readonly height?: number;
+    /**
+     * Dnd节点的renderKey
+     */
+    readonly renderKey?: string;
+    /**
+     * Dnd节点的popover的提示内容
+     */
+    readonly popoverContent?: React.ReactNode;
+    /** 内部使用 */
+    isCustom?: boolean;
+    /** 内部使用 */
+    parentKey?: string;
+}
+/** 自定义节点面板 */
+export interface IRegisterNode {
+    title?: string;
+    key: string;
+    hidden?: boolean;
+    nodes: ICustomNode[];
+}
+export interface IProps extends Omit<TreeNodeProps, 'treeDataService' | 'onNodeDrop'> {
+    show?: boolean;
+    showHeader?: boolean;
+    showOfficial?: boolean;
+    /** 自定义节点 */
+    registerNode?: IRegisterNode | IRegisterNode[];
+    treeDataService?: ITreeDataService;
+    /** 默认展开的折叠面板 */
+    defaultActiveKey?: string[];
+}
+export interface IOnKeywordChange {
+    (kwyword: string): void;
+}
+export type IFlowchartNodePanelProps = IProps;
+export declare namespace NsFlowchartPanelData {
+    const id = "FLOWCHART_PANEL_DATA";
+}

package/es/flowchart-node-panel/interface.js

@@ -0,0 +1,6 @@
+import '../canvas-node-tree-panel/interface';
+export var NsFlowchartPanelData;
+(function (NsFlowchartPanelData) {
+    NsFlowchartPanelData.id = 'FLOWCHART_PANEL_DATA';
+})(NsFlowchartPanelData || (NsFlowchartPanelData = {}));
+//# sourceMappingURL=interface.js.map

package/es/flowchart-node-panel/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../src/flowchart-node-panel/interface.tsx"],"names":[],"mappings":"AAGA,OAAiC,qCAAqC,CAAA;AAwEtE,MAAM,KAAW,oBAAoB,CAEpC;AAFD,WAAiB,oBAAoB;IACtB,uBAAE,GAAG,sBAAsB,CAAA;AAC1C,CAAC,EAFgB,oBAAoB,KAApB,oBAAoB,QAEpC"}

package/es/flowchart-node-panel/node.d.ts

@@ -0,0 +1,8 @@
+import { Node } from '@antv/x6';
+import { NsGraph } from '@sunspirytus/xflow-core/es/interface';
+export declare const XFLOW_NODE_SHAPE = "XFLOW_NODE_SHAPE";
+export declare const NODE_DEFAULT_WIDTH = 160;
+export declare const NODE_DEFAULT_HEIGHT = 32;
+declare let XFlowNode: Node.Definition;
+declare const AnchorGroup: typeof NsGraph.AnchorGroup;
+export { XFlowNode, AnchorGroup };

package/es/flowchart-node-panel/node.js

@@ -0,0 +1,102 @@
+import { ReactShape } from '@antv/x6-react-shape';
+import { Node } from '@antv/x6';
+import { X6_NODE_PORTAL_NODE_VIEW } from '@sunspirytus/xflow-core/es/constants';
+import { NsGraph } from '@sunspirytus/xflow-core/es/interface';
+export const XFLOW_NODE_SHAPE = 'XFLOW_NODE_SHAPE';
+export const NODE_DEFAULT_WIDTH = 160;
+export const NODE_DEFAULT_HEIGHT = 32;
+let XFlowNode;
+const { AnchorGroup } = NsGraph;
+if (Node.registry.exist(XFLOW_NODE_SHAPE)) {
+    XFlowNode = Node.registry.get(XFLOW_NODE_SHAPE);
+}
+else {
+    XFlowNode = ReactShape.define({
+        width: NODE_DEFAULT_WIDTH,
+        height: NODE_DEFAULT_HEIGHT,
+        shape: XFLOW_NODE_SHAPE,
+        // X6_NODE_PORTAL_NODE_VIEW
+        view: X6_NODE_PORTAL_NODE_VIEW,
+        ports: {
+            groups: {
+                top: {
+                    zIndex: 2,
+                    position: {
+                        name: AnchorGroup.TOP,
+                    },
+                },
+                bottom: {
+                    zIndex: 2,
+                    position: {
+                        name: AnchorGroup.BOTTOM,
+                    },
+                },
+                right: {
+                    zIndex: 2,
+                    position: {
+                        name: AnchorGroup.RIGHT,
+                    },
+                },
+                left: {
+                    zIndex: 2,
+                    position: {
+                        name: AnchorGroup.LEFT,
+                    },
+                },
+            },
+        },
+        attrs: {
+            body: {
+                magnet: false,
+                fill: 'none',
+                stroke: 'none',
+                refWidth: '100%',
+                refHeight: '100%',
+                zIndex: 1,
+            },
+        },
+        portMarkup: [
+            {
+                tagName: 'g',
+                selector: 'xflow-port-group',
+                className: 'xflow-port-group',
+                attrs: {
+                    width: 8,
+                    height: 8,
+                    x: -4,
+                    y: -4,
+                    zIndex: 10,
+                    // magnet决定是否可交互
+                    magnet: 'true',
+                },
+                children: [
+                    {
+                        tagName: 'circle',
+                        selector: 'xflow-port',
+                        className: 'xflow-port',
+                        attrs: {
+                            r: 4,
+                            fill: '#fff',
+                            stroke: '#808080',
+                            zIndex: 12,
+                        },
+                    },
+                    {
+                        tagName: 'polygon',
+                        selector: 'xflow-port-arrow',
+                        className: 'xflow-port-arrow',
+                        attrs: {
+                            points: '0,0 8,0 4,4 ',
+                            fill: '#808080',
+                            stroke: '#808080',
+                            zIndex: 13,
+                            transform: 'translate(-4,0)',
+                        },
+                    },
+                ],
+            },
+        ],
+    });
+}
+export { XFlowNode, AnchorGroup };
+//# sourceMappingURL=node.js.map

package/es/flowchart-node-panel/node.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node.js","sourceRoot":"","sources":["../../src/flowchart-node-panel/node.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAC/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAA;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAA;AAE9D,MAAM,CAAC,MAAM,gBAAgB,GAAG,kBAAkB,CAAA;AAElD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAA;AAErC,MAAM,CAAC,MAAM,mBAAmB,GAAG,EAAE,CAAA;AAErC,IAAI,SAA0B,CAAA;AAE9B,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAA;AAE/B,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,gBAAgB,CAAC,EAAE;IACzC,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,gBAAgB,CAAoB,CAAA;CACnE;KAAM;IACL,SAAS,GAAG,UAAU,CAAC,MAAM,CAAC;QAC5B,KAAK,EAAE,kBAAkB;QACzB,MAAM,EAAE,mBAAmB;QAC3B,KAAK,EAAE,gBAAgB;QACvB,2BAA2B;QAC3B,IAAI,EAAE,wBAAwB;QAC9B,KAAK,EAAE;YACL,MAAM,EAAE;gBACN,GAAG,EAAE;oBACH,MAAM,EAAE,CAAC;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE,WAAW,CAAC,GAAG;qBACtB;iBACF;gBACD,MAAM,EAAE;oBACN,MAAM,EAAE,CAAC;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE,WAAW,CAAC,MAAM;qBACzB;iBACF;gBACD,KAAK,EAAE;oBACL,MAAM,EAAE,CAAC;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE,WAAW,CAAC,KAAK;qBACxB;iBACF;gBACD,IAAI,EAAE;oBACJ,MAAM,EAAE,CAAC;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE,WAAW,CAAC,IAAI;qBACvB;iBACF;aACF;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,MAAM,EAAE,KAAK;gBACb,IAAI,EAAE,MAAM;gBACZ,MAAM,EAAE,MAAM;gBACd,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,MAAM;gBACjB,MAAM,EAAE,CAAC;aACV;SACF;QACD,UAAU,EAAE;YACV;gBACE,OAAO,EAAE,GAAG;gBACZ,QAAQ,EAAE,kBAAkB;gBAC5B,SAAS,EAAE,kBAAkB;gBAC7B,KAAK,EAAE;oBACL,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,CAAC,EAAE,CAAC,CAAC;oBACL,CAAC,EAAE,CAAC,CAAC;oBACL,MAAM,EAAE,EAAE;oBACV,gBAAgB;oBAChB,MAAM,EAAE,MAAM;iBACf;gBACD,QAAQ,EAAE;oBACR;wBACE,OAAO,EAAE,QAAQ;wBACjB,QAAQ,EAAE,YAAY;wBACtB,SAAS,EAAE,YAAY;wBACvB,KAAK,EAAE;4BACL,CAAC,EAAE,CAAC;4BACJ,IAAI,EAAE,MAAM;4BACZ,MAAM,EAAE,SAAS;4BACjB,MAAM,EAAE,EAAE;yBACX;qBACF;oBACD;wBACE,OAAO,EAAE,SAAS;wBAClB,QAAQ,EAAE,kBAAkB;wBAC5B,SAAS,EAAE,kBAAkB;wBAC7B,KAAK,EAAE;4BACL,MAAM,EAAE,cAAc;4BACtB,IAAI,EAAE,SAAS;4BACf,MAAM,EAAE,SAAS;4BACjB,MAAM,EAAE,EAAE;4BACV,SAAS,EAAE,iBAAiB;yBAC7B;qBACF;iBACF;aACF;SACF;KACF,CAAC,CAAA;CACH;AAED,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}

package/es/flowchart-node-panel/nodes/connector/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const ConnectorNode: NsGraph.INodeRender;

package/es/flowchart-node-panel/nodes/connector/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { NODE_HEIGHT, NODE_WIDTH, NODE_PADDING, DefaultNodeConfig } from '../../constants';
+export const ConnectorNode = props => {
+    const { size = { width: NODE_WIDTH, height: NODE_HEIGHT }, data = {} } = props;
+    const { stroke = DefaultNodeConfig.stroke, label = DefaultNodeConfig.label, fill = DefaultNodeConfig.fill, fontFill = DefaultNodeConfig.fontFill, fontSize = DefaultNodeConfig.fontSize, } = data;
+    const { width, height } = size;
+    const availableR = height - 2 * NODE_PADDING;
+    return (React.createElement("svg", { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%" },
+        React.createElement("path", { d: `M ${NODE_PADDING},${height / 2} a ${availableR / 2} ${availableR / 2} 0 1 1 0 1 z`, fill: fill, stroke: stroke }),
+        React.createElement("text", { x: height / 2, y: height / 2, fill: fontFill, textAnchor: "middle", alignmentBaseline: "middle", fontSize: fontSize }, label),
+        "Sorry, your browser does not support inline SVG."));
+};
+//# sourceMappingURL=index.js.map

package/es/flowchart-node-panel/nodes/connector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/flowchart-node-panel/nodes/connector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAE1F,MAAM,CAAC,MAAM,aAAa,GAAwB,KAAK,CAAC,EAAE;IACxD,MAAM,EAAE,IAAI,GAAG,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,GAAG,EAAE,EAAE,GAAG,KAAK,CAAA;IAC9E,MAAM,EACJ,MAAM,GAAG,iBAAiB,CAAC,MAAM,EACjC,KAAK,GAAG,iBAAiB,CAAC,KAAK,EAC/B,IAAI,GAAG,iBAAiB,CAAC,IAAI,EAC7B,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,EACrC,QAAQ,GAAG,iBAAiB,CAAC,QAAQ,GACtC,GAAG,IAAI,CAAA;IACR,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC9B,MAAM,UAAU,GAAG,MAAM,GAAG,CAAC,GAAG,YAAY,CAAA;IAE5C,OAAO,CACL,6BACE,OAAO,EAAE,OAAO,KAAK,IAAI,MAAM,EAAE,EACjC,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM;QAEb,8BACE,CAAC,EAAE,KAAK,YAAY,IAAI,MAAM,GAAG,CAAC,MAAM,UAAU,GAAG,CAAC,IAAI,UAAU,GAAG,CAAC,cAAc,EACtF,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,GACd;QACF,8BACE,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,CAAC,EAAE,MAAM,GAAG,CAAC,EACb,IAAI,EAAE,QAAQ,EACd,UAAU,EAAC,QAAQ,EACnB,iBAAiB,EAAC,QAAQ,EAC1B,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CACD;2DAEH,CACP,CAAA;AACH,CAAC,CAAA"}

package/es/flowchart-node-panel/nodes/data-base/index.d.ts

@@ -0,0 +1,2 @@
+import type { NsGraph } from '@sunspirytus/xflow-core';
+export declare const DatabaseNode: NsGraph.INodeRender;