@sunspirytus/xflow-extension 1.0.52

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

@@ -0,0 +1,90 @@
+import { __awaiter } from "tslib";
+import React from 'react';
+import { createComponentModel, Disposable, MODELS, useXFlowApp } from '@sunspirytus/xflow-core';
+import { nodeService } from './utils';
+import { isArray } from 'lodash';
+export var NsPanelData;
+(function (NsPanelData) {
+    NsPanelData.id = 'NODE_PANEL_DATA';
+})(NsPanelData || (NsPanelData = {}));
+/** 节点查找 */
+const DefaultsearchService = (nodeList = [], keyword) => __awaiter(void 0, void 0, void 0, function* () {
+    const list = nodeList.filter(i => { var _a, _b; return i.isDirectory || ((_a = i.label) === null || _a === void 0 ? void 0 : _a.includes(keyword)) || ((_b = i.name) === null || _b === void 0 ? void 0 : _b.includes(keyword)); });
+    return list;
+});
+export const usePanelData = (props) => {
+    const { searchService = DefaultsearchService } = props;
+    const registerNode = (props.registerNode
+        ? isArray(props.registerNode)
+            ? props.registerNode
+            : [props.registerNode]
+        : []);
+    let nodes = [];
+    registerNode.forEach(item => {
+        nodes = nodes.concat(item.nodes.map(node => (Object.assign(Object.assign({}, node), { parentKey: item.key }))));
+    });
+    const { modelService } = useXFlowApp();
+    /** 使用model */
+    const [state, setState, panelModel] = createComponentModel({
+        searchList: [],
+        nodeList: [],
+        defaultExpandAll: false,
+        keyword: '',
+    });
+    /** 注册成为全局状态，方便其他组件联动 */
+    React.useEffect(() => {
+        if (modelService.findDeferredModel(NsPanelData.id)) {
+            return;
+        }
+        modelService.registerModel({
+            id: NsPanelData.id,
+            modelFactory: () => panelModel,
+            watchChange: (self) => __awaiter(void 0, void 0, void 0, function* () {
+                const graphMetaModel = yield MODELS.GRAPH_META.getModel(modelService); //useContext(MODELS.GRAPH_META.id)
+                const fetch = () => __awaiter(void 0, void 0, void 0, function* () {
+                    const listData = yield nodeService(nodes);
+                    return { listData };
+                });
+                const graphMetaDisposable = graphMetaModel.watch(() => __awaiter(void 0, void 0, void 0, function* () {
+                    const data = yield fetch();
+                    self.setValue({
+                        nodeList: data.listData,
+                        defaultExpandAll: false,
+                        keyword: '',
+                        searchList: [],
+                    });
+                }));
+                return Disposable.create(() => {
+                    graphMetaDisposable.dispose();
+                });
+            }),
+        });
+        /* eslint-disable-next-line  */
+    }, []);
+    /** 搜索 */
+    const onKeywordChange = React.useCallback((keyword) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!searchService) {
+            return;
+        }
+        if (keyword) {
+            // @ts-ignore
+            const list = yield searchService(state.nodeList, keyword);
+            setState(modelState => {
+                modelState.keyword = keyword;
+                modelState.searchList = list;
+            });
+        }
+        else {
+            setState(modelState => {
+                modelState.keyword = '';
+                modelState.searchList = [];
+            });
+        }
+    }), [searchService, state.nodeList, setState]);
+    return {
+        state,
+        setState,
+        onKeywordChange,
+    };
+};
+//# sourceMappingURL=service.js.map

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

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

package/es/flowchart-node-panel/style/index.css

@@ -0,0 +1,78 @@
+/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
+/* stylelint-disable no-duplicate-selectors */
+/* stylelint-disable */
+/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
+.flowchart-extension-container .xflow-node-panel {
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 12px;
+}
+.flowchart-extension-container .xflow-node-panel-header {
+  display: flex;
+  justify-content: space-evenly;
+  background: #fff;
+  border-right: 1px solid #d9d9d9;
+  border-bottom: 1px solid #d9d9d9;
+}
+.flowchart-extension-container .xflow-node-panel-header-title {
+  font-size: 16px;
+}
+.flowchart-extension-container .xflow-node-panel-header-search {
+  width: 100%;
+  padding: 0 12px;
+}
+.flowchart-extension-container .xflow-node-panel-custom {
+  display: flex;
+  flex-wrap: wrap;
+  grid-gap: 5px;
+  background: #fff;
+  cursor: grab;
+}
+.flowchart-extension-container .xflow-node-panel-official {
+  grid-gap: 5px;
+  background: #fff;
+  cursor: grab;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
+}
+.flowchart-extension-container .xflow-node-panel-node-wrapper {
+  display: flex;
+  justify-content: center;
+  cursor: pointer;
+}
+.flowchart-extension-container .xflow-node-panel .ant-collapse-content-box {
+  padding: 12px;
+}
+.flowchart-extension-container .xflow-node-panel .ant-collapse-content {
+  border-top: none;
+}
+.flowchart-extension-container .xflow-node-panel .ant-collapse-header {
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 12px;
+}
+.flowchart-extension-container .xflow-node-panel-collpase {
+  color: rgba(0, 0, 0, 0.85);
+  font-size: 12px;
+  transition: left 0.5s;
+}
+.flowchart-extension-container .xflow-node-panel-collpase-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+.flowchart-extension-container .xflow-node-panel-collpase-nodes {
+  border-right: 1px solid #d9d9d9;
+}
+.flowchart-extension-container .xflow-node-panel-collpase-icon {
+  position: absolute;
+  z-index: 99;
+  width: 20px;
+  color: #aaa;
+  text-align: center;
+  background: #fff;
+  border: 1px solid #ccc;
+  transform: translate(0, -50%);
+  cursor: pointer;
+}
+.flowchart-extension-container .xflow-node-panel-collpase-icon:hover {
+  color: #2b84c0;
+}

package/es/flowchart-node-panel/style/index.less

@@ -0,0 +1,96 @@
+@import '~antd/es/style/themes/default.less';
+
+.node() {
+  grid-gap: 5px;
+  background: #fff;
+  cursor: grab;
+}
+
+.flowchart-extension-container {
+  @light-border: ~'1px solid #d9d9d9';
+  @header-bg: #fff;
+  @dnd-panel-prefix-cls: ~'xflow-node-panel';
+  @dnd-panel-prefix-container: ~'xflow-node-panel-collpase';
+
+  .@{dnd-panel-prefix-cls} {
+    color: rgba(0, 0, 0, 0.85);
+    font-size: 12px;
+
+    &-header {
+      display: flex;
+      justify-content: space-evenly;
+      background: @header-bg;
+      border-right: @light-border;
+      border-bottom: @light-border;
+
+      &-title {
+        font-size: 16px;
+      }
+      &-search {
+        width: 100%;
+        padding: 0 12px;
+      }
+    }
+
+    &-custom {
+      display: flex;
+      flex-wrap: wrap;
+      .node();
+    }
+
+    &-official {
+      .node();
+
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(24px, 1fr));
+    }
+
+    &-node-wrapper {
+      display: flex;
+      justify-content: center;
+      cursor: pointer;
+    }
+    .ant-collapse-content-box {
+      padding: 12px;
+    }
+    .ant-collapse-content {
+      border-top: none;
+    }
+    .ant-collapse-header {
+      color: rgba(0, 0, 0, 0.85);
+      font-size: 12px;
+    }
+  }
+
+  .@{dnd-panel-prefix-container} {
+    color: rgba(0, 0, 0, 0.85);
+    font-size: 12px;
+    transition: left 0.5s;
+
+    &-wrapper {
+      position: relative;
+      width: 100%;
+      height: 100%;
+    }
+
+    &-nodes {
+      border-right: @light-border;
+    }
+
+    &-icon {
+      position: absolute;
+      z-index: 99;
+      width: 20px;
+      color: #aaa;
+      text-align: center;
+      background: #fff;
+      border: 1px solid #ccc;
+      transform: translate(0, -50%);
+      cursor: pointer;
+
+      &:hover {
+        color: rgb(43, 132, 192);
+      }
+    }
+  }
+}

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

@@ -0,0 +1,6 @@
+import type { IRegisterNode } from './interface';
+export declare const getRegisterNode: (nodes: any) => any;
+export declare const nodeService: (nodes: any) => Promise<any[]>;
+export declare const registerCustomNode: (panelConfigs?: IRegisterNode | IRegisterNode[]) => void;
+export declare const setNodeRender: (graphConfig: any) => void;
+export declare const createPath: (paths: (string | number)[][], offsetX?: number, offsetY?: number) => string;

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

@@ -0,0 +1,125 @@
+import { __awaiter } from "tslib";
+import { uuidv4 } from '@sunspirytus/xflow-core';
+import { isNumber } from 'lodash';
+import { setProps, getProps } from '../flowchart-canvas/utils';
+import * as NodesComponent from './nodes';
+import { NODE_HEIGHT, NODE_WIDTH, NODEPOOL } from './constants';
+import { isArray } from 'lodash';
+/** 和 graph config 注册的节点保持一致 */
+const getAnchorStyle = (position) => {
+    return {
+        position: { name: position },
+        attrs: {
+            circle: {
+                r: 4,
+                magnet: true,
+                stroke: '#31d0c6',
+                strokeWidth: 2,
+                fill: '#fff',
+                style: {
+                    visibility: 'hidden',
+                },
+            },
+        },
+        zIndex: 10,
+    };
+};
+const getPorts = (position = ['top', 'right', 'bottom', 'left']) => {
+    return {
+        items: position.map(name => {
+            return { group: name, id: uuidv4() };
+        }),
+        groups: {
+            top: getAnchorStyle('top'),
+            right: getAnchorStyle('right'),
+            bottom: getAnchorStyle('bottom'),
+            left: getAnchorStyle('left'),
+        },
+    };
+};
+export const getRegisterNode = nodes => {
+    return (nodes || []).map(item => {
+        const { name, popover, label = '', width = NODE_HEIGHT, height = NODE_HEIGHT, ports, parentKey, } = item;
+        const id = uuidv4(); // 暂不使用上层数据
+        return {
+            id,
+            renderKey: name,
+            name,
+            label,
+            popoverContent: popover,
+            width,
+            height,
+            ports: ports || getPorts(),
+            originData: Object.assign({}, item),
+            isCustom: true,
+            parentKey,
+        };
+    });
+};
+export const nodeService = (nodes) => __awaiter(void 0, void 0, void 0, function* () {
+    const customNodes = getRegisterNode(nodes);
+    return [
+        ...customNodes,
+        ...NODEPOOL.map(({ name, ports, width = NODE_WIDTH, height = NODE_HEIGHT, label = '' }) => {
+            return {
+                id: uuidv4(),
+                renderKey: name,
+                name,
+                label,
+                popoverContent: () => name,
+                width,
+                height,
+                ports: getPorts(ports),
+            };
+        }),
+    ];
+});
+export const registerCustomNode = (panelConfigs) => {
+    const registerNodes = (panelConfigs ? (isArray(panelConfigs) ? panelConfigs : [panelConfigs]) : []);
+    let nodes = [];
+    registerNodes.forEach(item => {
+        nodes = nodes.concat(item.nodes.map(node => (Object.assign(Object.assign({}, node), { parentKey: item.key }))));
+    });
+    if (nodes.length) {
+        setProps({
+            registerNode: nodes,
+        });
+    }
+    const graphConfig = getProps('graphConfig');
+    const registerNode = getProps('registerNode');
+    if (!graphConfig || !(registerNode === null || registerNode === void 0 ? void 0 : registerNode.length)) {
+        return;
+    }
+    registerNode.forEach(item => {
+        const { name, component } = item;
+        graphConfig.setNodeRender(name, component);
+    });
+};
+export const setNodeRender = (graphConfig) => {
+    /** props 共享 */
+    registerCustomNode();
+    /** 默认节点，通过 Terminal 标识，避免多次调用*/
+    if (!graphConfig.nodeRender.get('Terminal')) {
+        NODEPOOL.forEach(item => {
+            ;
+            graphConfig.setNodeRender(item.name, NodesComponent[`${item.name.replace(/\s+/g, '')}Node`]);
+        });
+    }
+};
+// 创建节点路径
+export const createPath = (paths, offsetX = 0, offsetY = 0) => {
+    if (!paths.length) {
+        return null;
+    }
+    let path = '';
+    // @ts-ignore
+    paths.forEach((item) => {
+        const [c, x, y, c2x, c2y] = item;
+        path += isNumber(y) ? ` ${c} ${x + offsetX} ${y + offsetY}` : ` ${c}`;
+        if (c2y) {
+            path += ` ${c2x + offsetX} ${c2y + offsetY}`;
+        }
+    });
+    return path;
+};
+//# sourceMappingURL=utils.js.map

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

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

package/es/index.d.ts

@@ -0,0 +1,30 @@
+/** 对齐线 */
+export { CanvasSnapline, ICanvasSnaplineProps } from './canvas-snapline';
+/** Port Tooltip */
+export { CanvasNodePortTooltip } from './canvas-node-port-tooltip';
+/** 画布 右键菜单 */
+export { CanvasContextMenu, ICanvasContextMenuProps, createCtxMenuConfig, } from './canvas-context-menu';
+/** 画布 Scale Toolbar */
+export { CanvasScaleToolbar, ICanvasScaleToolbarProps, CANVAS_SCALE_TOOLBAR_CONFIG, } from './canvas-scale-toolbar';
+/** 画布 Toolbar */
+export { CanvasToolbar, IToolbarProps, createToolbarConfig } from './canvas-toolbar';
+/** demo utils */
+export { FormBuilder, IFormSchema, randomInt } from './demo-utils';
+/** 画布 minimap */
+export { CanvasMiniMap, ICanvasMiniMapProps } from './canvas-mini-map';
+/** 组件树 */
+export { NodeTreePanel, NsNodeTreePanelModel, INodeTreePanelProps, NsNodeTreePanel, } from './canvas-node-tree-panel';
+/** 组件折叠面板 */
+export { NodeCollapsePanel, NsCollapsePanelModel, NsNodeCollapsePanel, INodeCollapsePanelProps, } from './canvas-collapse-panel';
+/** JSON Schema Form */
+export { JsonSchemaForm, IJsonSchemaFormProps, FormItemWrapper, IFromItemWrapperProps, NsJsonSchemaForm, NsJsonSchemaFormModel, executeJsonSchemaFormCommand, } from './canvas-json-schema-form';
+/** Panel 提供 getValue context和 ensure app context存在 */
+export { WorkspacePanel, usePanelContext, IWorkspacePanelProps } from './base-panel';
+/** DAG图扩展 */
+export { DagGraphExtension, GRAPH_STATUS_INFO, XFlowDagCommands, NsGraphStatusCommand, } from './canvas-dag-extension';
+/** 流程图扩展 */
+export { FlowGraphExtension } from './canvas-flow-extension';
+/** 流程图相关 */
+export { FlowchartCanvas, FlowchartExtension, IFlowchartGraphProps } from './flowchart-canvas';
+export { FlowchartNodePanel, IFlowchartNodePanelProps } from './flowchart-node-panel';
+export { FlowchartFormPanel, FlowchartFormWrapper, IFlowchartFormPanelProps, IFlowchartFormWrapperProps, FlowchartService, EditorPanels, } from './flowchart-editor-panel';

package/es/index.js

@@ -0,0 +1,31 @@
+/** 对齐线 */
+export { CanvasSnapline } from './canvas-snapline';
+/** Port Tooltip */
+export { CanvasNodePortTooltip } from './canvas-node-port-tooltip';
+/** 画布 右键菜单 */
+export { CanvasContextMenu, createCtxMenuConfig, } from './canvas-context-menu';
+/** 画布 Scale Toolbar */
+export { CanvasScaleToolbar, CANVAS_SCALE_TOOLBAR_CONFIG, } from './canvas-scale-toolbar';
+/** 画布 Toolbar */
+export { CanvasToolbar, createToolbarConfig } from './canvas-toolbar';
+/** demo utils */
+export { FormBuilder, randomInt } from './demo-utils';
+/** 画布 minimap */
+export { CanvasMiniMap } from './canvas-mini-map';
+/** 组件树 */
+export { NodeTreePanel, NsNodeTreePanelModel, NsNodeTreePanel, } from './canvas-node-tree-panel';
+/** 组件折叠面板 */
+export { NodeCollapsePanel, NsCollapsePanelModel, NsNodeCollapsePanel, } from './canvas-collapse-panel';
+/** JSON Schema Form */
+export { JsonSchemaForm, FormItemWrapper, NsJsonSchemaForm, NsJsonSchemaFormModel, executeJsonSchemaFormCommand, } from './canvas-json-schema-form';
+/** Panel 提供 getValue context和 ensure app context存在 */
+export { WorkspacePanel, usePanelContext } from './base-panel';
+/** DAG图扩展 */
+export { DagGraphExtension, GRAPH_STATUS_INFO, XFlowDagCommands, NsGraphStatusCommand, } from './canvas-dag-extension';
+/** 流程图扩展 */
+export { FlowGraphExtension } from './canvas-flow-extension';
+/** 流程图相关 */
+export { FlowchartCanvas, FlowchartExtension } from './flowchart-canvas';
+export { FlowchartNodePanel } from './flowchart-node-panel';
+export { FlowchartFormPanel, FlowchartFormWrapper, FlowchartService, EditorPanels, } from './flowchart-editor-panel';
+//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,UAAU;AACV,OAAO,EAAE,cAAc,EAAwB,MAAM,mBAAmB,CAAA;AAExE,mBAAmB;AACnB,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAElE,cAAc;AACd,OAAO,EACL,iBAAiB,EAEjB,mBAAmB,GACpB,MAAM,uBAAuB,CAAA;AAE9B,uBAAuB;AACvB,OAAO,EACL,kBAAkB,EAElB,2BAA2B,GAC5B,MAAM,wBAAwB,CAAA;AAE/B,iBAAiB;AACjB,OAAO,EAAE,aAAa,EAAiB,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAEpF,iBAAiB;AACjB,OAAO,EAAE,WAAW,EAAe,SAAS,EAAE,MAAM,cAAc,CAAA;AAElE,iBAAiB;AACjB,OAAO,EAAE,aAAa,EAAuB,MAAM,mBAAmB,CAAA;AAEtE,UAAU;AACV,OAAO,EACL,aAAa,EACb,oBAAoB,EAEpB,eAAe,GAChB,MAAM,0BAA0B,CAAA;AAEjC,aAAa;AACb,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,mBAAmB,GAEpB,MAAM,yBAAyB,CAAA;AAEhC,uBAAuB;AACvB,OAAO,EACL,cAAc,EAEd,eAAe,EAEf,gBAAgB,EAChB,qBAAqB,EACrB,4BAA4B,GAC7B,MAAM,2BAA2B,CAAA;AAElC,sDAAsD;AACtD,OAAO,EAAE,cAAc,EAAE,eAAe,EAAwB,MAAM,cAAc,CAAA;AAEpF,aAAa;AACb,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,wBAAwB,CAAA;AAE/B,YAAY;AACZ,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAE5D,YAAY;AACZ,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAwB,MAAM,oBAAoB,CAAA;AAC9F,OAAO,EAAE,kBAAkB,EAA4B,MAAM,wBAAwB,CAAA;AACrF,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EAGpB,gBAAgB,EAChB,YAAY,GACb,MAAM,0BAA0B,CAAA"}