@cloudbase/weda-ui 3.4.8 → 3.4.9

package/dist/web/components/flow/modules/basic/Basic.js

@@ -1,48 +1,40 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import moment from 'moment';
 import { Card, Button, Form } from 'tea-component';
-import { FlowStatusText, FlowModuleText, getModuleTextProps, getModuleContentStyle, } from '../../components';
+import { FlowContentText, FlowTitleText, getModuleContentStyle, } from '../../common';
 import { pressTask } from './utils';
+import { FlowStatusText } from './status-text';
 import './Basic.css';
-const { Title, Content } = FlowModuleText;
 export const Basic = (props) => {
-    const { commonFlowData, flowLocalProps, ide } = props;
-    const { flowDetail, pageInfo } = commonFlowData;
-    const { isWedaIde, callWedaApi, currentPageType } = flowLocalProps;
-    const textProps = getModuleTextProps(ide);
+    const { currentPageType, approvalPageDetail, processInstance, wedaPlatformProps, } = props;
     // 是否为发起流程页面
-    const isStartFlowPage = ['DRAFT', 'CREATEFLOW', 'TODO'].includes(currentPageType) &&
-        (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp);
+    const isStartFlowPage = ['DRAFT', 'CREATEFLOW'].includes(currentPageType) &&
+        (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showSubmitApp);
     const onPressTask = () => {
-        const params = { instanceId: flowDetail.instanceId };
-        const options = { isWedaIde, callWedaApi };
-        pressTask(params, options);
+        pressTask(processInstance.instanceId);
     };
     const formOptions = [
-        { label: '发起人', value: flowDetail.startedBy },
+        { label: '发起人', value: processInstance.startedBy },
         {
             label: '发起时间',
-            value: flowDetail.startTime
-                ? moment(flowDetail.startTime).format('YYYY-MM-DD HH:mm:ss')
+            value: processInstance.startTime
+                ? moment(processInstance.startTime).format('YYYY-MM-DD HH:mm:ss')
                 : '--',
         },
         {
             label: '结束时间',
-            value: flowDetail.endTime
-                ? moment(flowDetail.endTime).format('YYYY-MM-DD HH:mm:ss')
+            value: processInstance.endTime
+                ? moment(processInstance.endTime).format('YYYY-MM-DD HH:mm:ss')
                 : '--',
         },
         {
             label: '流程状态',
-            value: (React.createElement(FlowStatusText, { flow: flowDetail, style: getModuleContentStyle(ide) })),
+            value: (_jsx(FlowStatusText, { flow: processInstance, style: getModuleContentStyle(wedaPlatformProps) })),
             useOriginValue: true,
         },
     ];
     if (!isStartFlowPage) {
-        return (React.createElement(Card.Body, { className: "page-process__progress-card", title: React.createElement(Title, { ...textProps }), operation: React.createElement("div", { className: "detail__operations" }, currentPageType === 'CREATE' && !flowDetail.isCompleted && (React.createElement(Button, { type: "link", style: { fontSize: '14px' }, onClick: onPressTask }, "\u50AC\u529E"))) },
-            React.createElement(Form, { className: "mf-progress-info__form" }, formOptions.map(({ label, value, useOriginValue }, index) => (React.createElement(Form.Item, { label: React.createElement(Content, { ...textProps },
-                    label,
-                    "\uFF1A"), key: index }, useOriginValue ? (value) : (React.createElement(Content, { ...textProps }, value))))))));
+        return (_jsx(Card.Body, { className: "page-process__progress-card", title: _jsx(FlowTitleText, { wedaPlatformProps: props.wedaPlatformProps }), operation: _jsx("div", { className: "detail__operations", children: currentPageType === 'CREATE' && !processInstance.isCompleted && (_jsx(Button, { type: "link", style: { fontSize: '14px' }, onClick: onPressTask, children: "\u50AC\u529E" })) }), children: _jsx(Form, { className: "mf-progress-info__form", children: formOptions.map(({ label, value, useOriginValue }, index) => (_jsx(Form.Item, { label: _jsxs(FlowContentText, { wedaPlatformProps: props.wedaPlatformProps, children: [label, "\uFF1A"] }), children: useOriginValue ? (value) : (_jsx(FlowContentText, { wedaPlatformProps: props.wedaPlatformProps, children: value })) }, index))) }) }));
     }
     return null;
 };

package/dist/web/components/flow/modules/basic/BasicMobile.js

@@ -1,41 +1,23 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import moment from 'moment';
 import { Text, Button, Justify } from 'tea-component';
-import { FlowStatusText, FlowModuleText, getModuleContentStyle, getModuleTitleStyle, getModuleTextProps, } from '../../components';
+import { FlowTitleText, getModuleTitleStyle, getModuleContentStyle, } from '../../common';
 import { pressTask } from './utils';
+import { FlowStatusText } from './status-text';
 import './BasicMobile.css';
 export const BasicMobile = (props) => {
-    const { commonFlowData, flowLocalProps, ide } = props;
-    const { flowDetail, pageInfo } = commonFlowData;
-    const { currentPageType, isWedaIde, callWedaApi } = flowLocalProps;
-    const textProps = getModuleTextProps(ide);
-    const flowModelContentStyle = getModuleContentStyle(ide);
+    const { currentPageType, approvalPageDetail, processInstance, wedaPlatformProps, } = props;
+    const flowModelContentStyle = getModuleContentStyle(wedaPlatformProps);
     // 是否为发起流程页面
-    const isStartFlowPage = ['DRAFT', 'CREATEFLOW', 'TODO'].includes(currentPageType) &&
-        (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp);
+    const isStartFlowPage = ['DRAFT', 'CREATEFLOW'].includes(currentPageType) &&
+        (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showSubmitApp);
     const onPressTask = () => {
-        const params = { instanceId: flowDetail.instanceId };
-        const options = { isWedaIde, callWedaApi };
-        pressTask(params, options);
+        pressTask(processInstance.instanceId);
     };
     if (isStartFlowPage) {
-        return (React.createElement("div", { className: "progress-mb--header" },
-            React.createElement(FlowModuleText.Title, { ...textProps, className: "progress-mb--header__module-title" }),
-            React.createElement("div", { className: "progress-mb--title", style: { marginBottom: 0, ...getModuleTitleStyle(ide) } }, flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.name)));
+        return (_jsxs("div", { className: "progress-mb--header", children: [_jsx(FlowTitleText, { wedaPlatformProps: props.wedaPlatformProps, className: "progress-mb--header__module-title" }), _jsx("div", { className: "progress-mb--title", style: { marginBottom: 0, ...getModuleTitleStyle(wedaPlatformProps) }, children: processInstance === null || processInstance === void 0 ? void 0 : processInstance.name })] }));
     }
-    return (React.createElement("div", { className: "progress-mb--header" },
-        React.createElement(FlowModuleText.Title, { ...textProps, className: "progress-mb--header__module-title" }),
-        React.createElement("div", { className: "progress-mb--title", style: { display: 'flex', justifyContent: 'space-between' } },
-            React.createElement("span", { style: flowModelContentStyle }, flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.name),
-            currentPageType === 'CREATE' && !(flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.isCompleted) && (React.createElement(Button, { type: "link", style: { fontSize: '14px', flexShrink: '0' }, onClick: onPressTask }, "\u50AC\u529E"))),
-        React.createElement("div", { className: "progress-mb--header__info" },
-            React.createElement(Text, { theme: "weak", style: flowModelContentStyle },
-                "\u53D1\u8D77\u4EBA\uFF1A",
-                flowDetail.startedBy)),
-        React.createElement(Justify, { className: "progress-mb--header__info", left: React.createElement(Text, { theme: "weak", style: flowModelContentStyle },
-                "\u53D1\u8D77\u65F6\u95F4\uFF1A",
-                flowDetail.startTime
-                    ? moment(flowDetail.startTime).format('YYYY-MM-DD HH:mm:ss')
-                    : '--',
-                ' '), right: React.createElement(FlowStatusText, { flow: flowDetail, style: getModuleContentStyle(ide) }) })));
+    return (_jsxs("div", { className: "progress-mb--header", children: [_jsx(FlowTitleText, { wedaPlatformProps: props.wedaPlatformProps, className: "progress-mb--header__module-title" }), _jsxs("div", { className: "progress-mb--title", style: { display: 'flex', justifyContent: 'space-between' }, children: [_jsx("span", { style: flowModelContentStyle, children: processInstance === null || processInstance === void 0 ? void 0 : processInstance.name }), currentPageType === 'CREATE' && !(processInstance === null || processInstance === void 0 ? void 0 : processInstance.isCompleted) && (_jsx(Button, { type: "link", style: { fontSize: '14px', flexShrink: '0' }, onClick: onPressTask, children: "\u50AC\u529E" }))] }), _jsx("div", { className: "progress-mb--header__info", children: _jsxs(Text, { theme: "weak", style: flowModelContentStyle, children: ["\u53D1\u8D77\u4EBA\uFF1A", processInstance.startedBy] }) }), _jsx(Justify, { className: "progress-mb--header__info", left: _jsxs(Text, { theme: "weak", style: flowModelContentStyle, children: ["\u53D1\u8D77\u65F6\u95F4\uFF1A", processInstance.startTime
+                            ? moment(processInstance.startTime).format('YYYY-MM-DD HH:mm:ss')
+                            : '--', ' '] }), right: _jsx(FlowStatusText, { flow: processInstance, style: getModuleContentStyle(wedaPlatformProps) }) })] }));
 };

package/dist/web/components/flow/modules/basic/index.js

@@ -1,13 +1,21 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFlowConfig, WedaFlowContainer, } from '../../common';
 import { Basic } from './Basic';
 import { BasicMobile } from './BasicMobile';
-import { createModuleFrame } from '../../frame';
-const ModelFlowBasic = (props) => {
-    const { flowLocalProps } = props;
-    const { isH5, isNarrowElement } = flowLocalProps;
-    if (isH5 || isNarrowElement) {
-        return React.createElement(BasicMobile, { ...props });
-    }
-    return React.createElement(Basic, { ...props });
-};
-export default createModuleFrame(ModelFlowBasic, 'flow-basic');
+export default function ModelFlowBasic(props) {
+    const flowConfig = useFlowConfig({
+        moduleName: 'flow-basic',
+        wedaPlatformProps: props,
+    });
+    const commonProps = {
+        ...flowConfig,
+        wedaPlatformProps: props,
+    };
+    const renderContent = () => {
+        if (flowConfig.isH5) {
+            return _jsx(BasicMobile, { ...commonProps });
+        }
+        return _jsx(Basic, { ...commonProps });
+    };
+    return (_jsx(WedaFlowContainer, { ref: flowConfig.elementRef, wedaPlatformProps: props, children: renderContent() }));
+}

package/dist/web/components/flow/modules/basic/status-text.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'tea-component';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+const omit = (prop, { [prop]: _, ...rest }) => rest;
+export const FlowStatusText = (props) => {
+    const { isCompleted, status, userTaskType } = props.flow || {};
+    const getTagProps = () => {
+        const props = {
+            theme: 'warning',
+            text: '审批中',
+        };
+        if (userTaskType === 2) {
+            props.text = '处理中';
+        }
+        if (isCompleted) {
+            if (status === 1) {
+                props.theme = 'danger';
+                props.text = '已终止';
+            }
+            else if (status === 2) {
+                props.theme = 'danger';
+                props.text = '已驳回';
+            }
+            else if (status === 4) {
+                props.theme = 'danger';
+                props.text = '已作废';
+            }
+            else {
+                props.theme = 'success';
+                props.text = userTaskType === 2 ? '已处理' : '审批通过';
+            }
+        }
+        return props;
+    };
+    const { text, ...rest } = getTagProps();
+    return (_jsx(Text, { ...rest, style: omit('color', props.style), children: text }));
+};

package/dist/web/components/flow/modules/basic/utils.js

@@ -1,20 +1,29 @@
 import { message } from 'tea-component';
-import { postPressTask } from '../../services';
+import { isInIde, flowRequest } from '../../common';
 // 流程催办
-export const pressTask = (params, { isWedaIde, callWedaApi }) => {
-    if (isWedaIde) {
+export const pressTask = async (instanceId) => {
+    if (isInIde())
         return;
-    }
-    postPressTask(params, { callWedaApi }).then((res) => {
-        if ((res === null || res === void 0 ? void 0 : res.status) === true) {
+    try {
+        const result = await flowRequest({
+            data: { instanceId },
+            action: 'PressTask',
+        });
+        if ((result === null || result === void 0 ? void 0 : result.status) === true) {
             message.success({
                 content: '催办成功',
             });
+            return;
         }
-        else if ((res === null || res === void 0 ? void 0 : res.status) === false) {
+        if ((result === null || result === void 0 ? void 0 : result.status) === false) {
             message.warning({
                 content: '当前催办操作过于频繁，请明日再试！',
             });
         }
-    });
+    }
+    catch (error) {
+        message.error({
+            content: '催办失败！',
+        });
+    }
 };

package/dist/web/components/flow/modules/chart/Chart.js

@@ -1,11 +1,12 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable no-param-reassign */
-import React, { useState, useEffect } from 'react';
+import { useState, useEffect } from 'react';
 import ReactDOM from 'react-dom';
 import moment from 'moment';
 import { Modal, Button, LoadingTip, Status } from 'tea-component';
-import isString from './isString';
-import G6 from '@antv/g6/es';
-import { fetchProcessInfoList } from '../../services';
+import G6 from '@antv/g6';
+import { safeJsonParse } from '../../common';
+import { isString, getProcessCanvasInfo } from './utils';
 import { STATUS_COLOR_MAP, APPROVE_MAP } from './constants';
 import './index.css';
 G6.Tooltip.prototype.showTooltip = function (e) {
@@ -28,10 +29,8 @@ G6.Tooltip.prototype.showTooltip = function (e) {
     this.updatePosition(e);
 };
 export const RenderProcess = (props) => {
-    const { commonFlowData, flowLocalProps } = props;
-    const { flowDetail } = commonFlowData;
-    const { isWedaIde, callWedaApi, safeJsonParse } = flowLocalProps;
-    const { flowCode, flowVersion: appVersion, instanceId } = flowDetail || {};
+    const { processInstance } = props;
+    const { flowCode, flowVersion: appVersion, instanceId, } = processInstance || {};
     const [visible, setVisible] = useState(false);
     const [modalData, setModalData] = useState({});
     const [loading, setLoading] = useState(false);
@@ -51,8 +50,7 @@ export const RenderProcess = (props) => {
                 instanceId,
                 appVersion,
             };
-            const options = { isWedaIde, callWedaApi };
-            const data = await fetchProcessInfoList(params, options);
+            const data = await getProcessCanvasInfo(params);
             setLoading(false);
             data && renderContent(data);
         }
@@ -72,11 +70,9 @@ export const RenderProcess = (props) => {
             },
             approveAction: {
                 label: '审批操作',
-                content: (React.createElement("span", { style: {
+                content: (_jsxs("span", { style: {
                         color: APPROVE_MAP[infoData.status].color,
-                    } },
-                    ' ',
-                    APPROVE_MAP[infoData.status].txt)),
+                    }, children: [' ', APPROVE_MAP[infoData.status].txt] })),
             },
             actionTime: {
                 label: '操作时间',
@@ -210,24 +206,17 @@ export const RenderProcess = (props) => {
                         if (modelData.dataType === 23 && info.status === 0) {
                             info.status = 10;
                         }
-                        return (React.createElement("li", { className: "ProcessInfo-item", key: `conf-${index}`, onClick: () => {
+                        return (_jsxs("li", { className: "ProcessInfo-item", onClick: () => {
                                 showModal(modelData, info);
-                            } },
-                            React.createElement("div", { className: "first-line" },
-                                React.createElement("i", { className: info.status ? 'tootip-will_do' : '' }),
-                                React.createElement("span", { className: "tootip-name" }, info.name),
-                                React.createElement("span", { style: {
-                                        color: APPROVE_MAP[info.status ? info.status : 0].color,
-                                        paddingLeft: '8px',
-                                    } }, APPROVE_MAP[info.status ? info.status : 0].txt)),
-                            info.status && info.opTime ? (React.createElement("p", { className: "tooltip-time" }, moment(info.opTime).format('YYYY-MM-DD HH:mm:ss'))) : null));
+                            }, children: [_jsxs("div", { className: "first-line", children: [_jsx("i", { className: info.status ? 'tootip-will_do' : '' }), _jsx("span", { className: "tootip-name", children: info.name }), _jsx("span", { style: {
+                                                color: APPROVE_MAP[info.status ? info.status : 0].color,
+                                                paddingLeft: '8px',
+                                            }, children: APPROVE_MAP[info.status ? info.status : 0].txt })] }), info.status && info.opTime ? (_jsx("p", { className: "tooltip-time", children: moment(info.opTime).format('YYYY-MM-DD HH:mm:ss') })) : null] }, `conf-${index}`));
                     });
-                    vdomContent = (React.createElement("div", { className: "ProcessInfo" },
-                        React.createElement("h4", null, "\u8282\u70B9\u5BA1\u6279\u4FE1\u606F"),
-                        React.createElement("ul", { className: "ProcessInfo-content" }, contentHtml)));
+                    vdomContent = (_jsxs("div", { className: "ProcessInfo", children: [_jsx("h4", { children: "\u8282\u70B9\u5BA1\u6279\u4FE1\u606F" }), _jsx("ul", { className: "ProcessInfo-content", children: contentHtml })] }));
                 }
                 else {
-                    vdomContent = React.createElement("p", null, "\u6682\u65E0\u4FE1\u606F");
+                    vdomContent = _jsx("p", { children: "\u6682\u65E0\u4FE1\u606F" });
                 }
                 ReactDOM.render(vdomContent, outDiv);
                 return outDiv;
@@ -280,22 +269,14 @@ export const RenderProcess = (props) => {
     };
     const renderStatus = () => {
         if (loading) {
-            return React.createElement(LoadingTip, null);
+            return _jsx(LoadingTip, {});
         }
         if (isEmptyChart) {
-            return React.createElement(Status, { icon: "blank", size: "l", title: "\u6682\u65E0\u6D41\u8F6C\u8282\u70B9" });
+            return _jsx(Status, { icon: "blank", size: "l", title: "\u6682\u65E0\u6D41\u8F6C\u8282\u70B9" });
         }
         return null;
     };
-    return (React.createElement("div", { id: "flow-graph_container" },
-        renderStatus(),
-        React.createElement(Modal, { visible: visible, caption: '审批详情', onClose: closeModal, className: "ProcessInfo-modal" },
-            React.createElement(Modal.Body, null,
-                React.createElement("div", { className: "ProcessInfo-modal_content" }, Object.entries(modalData)
-                    .filter(([, { content }]) => content)
-                    .map(([, { label, content }], index) => (React.createElement("div", { key: index },
-                    React.createElement("span", { className: "ProcessInfo-modal_content-label" }, label),
-                    React.createElement("span", { className: "ProcessInfo-modal_content-content" }, content)))))),
-            React.createElement(Modal.Footer, null,
-                React.createElement(Button, { type: "weak", onClick: closeModal }, "\u5173\u95ED")))));
+    return (_jsxs("div", { id: "flow-graph_container", children: [renderStatus(), _jsxs(Modal, { visible: visible, caption: '审批详情', onClose: closeModal, className: "ProcessInfo-modal", children: [_jsx(Modal.Body, { children: _jsx("div", { className: "ProcessInfo-modal_content", children: Object.entries(modalData)
+                                .filter(([, { content }]) => content)
+                                .map(([, { label, content }], index) => (_jsxs("div", { children: [_jsx("span", { className: "ProcessInfo-modal_content-label", children: label }), _jsx("span", { className: "ProcessInfo-modal_content-content", children: content })] }, index))) }) }), _jsx(Modal.Footer, { children: _jsx(Button, { type: "weak", onClick: closeModal, children: "\u5173\u95ED" }) })] })] }));
 };

package/dist/web/components/flow/modules/chart/index.js

@@ -1,5 +1,49 @@
-import React from 'react';
-import { RenderProcess } from './Chart';
-import { createModuleFrame } from '../../frame';
-const ModelFlowChart = (props) => (React.createElement(RenderProcess, { ...props }));
-export default createModuleFrame(ModelFlowChart, 'flow-chart');
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { message } from 'tea-component';
+import { useFlowConfig, WedaFlowContainer, flowRequest, } from '../../common';
+import FlowGraph from '../../../flow-graph';
+import { processCanvasInfoPreviewData } from './preview-data';
+export default function ModelFlowChart(props) {
+    const flowConfig = useFlowConfig({
+        moduleName: 'flow-chart',
+        wedaPlatformProps: props,
+    });
+    return (_jsx(WedaFlowContainer, { wedaPlatformProps: props, ref: flowConfig.elementRef, children: _jsx(FlowChart, { ...flowConfig, wedaPlatformProps: props }) }));
+}
+const FlowChart = (props) => {
+    const { processInstance } = props;
+    const [canvasInfo, setCanvasInfo] = useState({
+        Nodes: [],
+        Edges: [],
+    });
+    useEffect(() => {
+        (async () => {
+            if (processInstance.instanceId) {
+                const result = await getProcessCanvasInfo({
+                    flowCode: processInstance.flowCode,
+                    instanceId: processInstance.instanceId,
+                    appVersion: processInstance.flowVersion,
+                });
+                setCanvasInfo(result);
+            }
+        })();
+    }, [processInstance]);
+    /**
+     * 获取流程实例运行图
+     */
+    async function getProcessCanvasInfo(data) {
+        try {
+            const result = await flowRequest({
+                data,
+                action: 'GetProcessCanvasInfo',
+            }, { lowerCaseResult: false, previewData: processCanvasInfoPreviewData });
+            return result;
+        }
+        catch (error) {
+            message.error({ content: '获取流程实例运行数据失败' });
+            return {};
+        }
+    }
+    return _jsx(FlowGraph, { processCanvasInfo: canvasInfo });
+};

package/dist/web/components/flow/modules/chart/preview-data.js

@@ -0,0 +1,88 @@
+export const processCanvasInfoPreviewData = {
+    Nodes: [
+        {
+            visited: true,
+            Id: 2,
+            ElementId: 'approvalNode1656317642548',
+            Name: '经理审批',
+            DataType: 17,
+            Status: 1,
+            Conf: [
+                {
+                    Name: '张三',
+                    Status: 2,
+                    OpTime: 1656502417000,
+                    Comment: '',
+                    AttachmentInfo: '[]',
+                    NewProcessors: 'true',
+                },
+            ],
+        },
+        {
+            visited: true,
+            Id: 3,
+            ElementId: 'approvalNode1656317679079',
+            Name: '总监审批',
+            DataType: 17,
+            Status: 3,
+            Conf: [
+                { Name: '王五', Status: 0, OpTime: 0 },
+                { Name: '李四', Status: 0, OpTime: 0 },
+            ],
+        },
+        {
+            visited: true,
+            Id: 4,
+            ElementId: 'approvalNode1656317682440',
+            Name: '人事审批',
+            DataType: 17,
+            Status: 2,
+        },
+        {
+            visited: true,
+            Id: 1,
+            ElementId: 'startNode',
+            Name: '开始',
+            DataType: 1,
+            Status: 1,
+        },
+        {
+            visited: true,
+            Id: 5,
+            ElementId: 'endNode',
+            Name: '结束',
+            DataType: 13,
+            Status: 2,
+        },
+    ],
+    Edges: [
+        {
+            Label: '同意',
+            Type: 2,
+            Source: 'approvalNode1656317679079',
+            Target: 'approvalNode1656317682440',
+            Status: 2,
+        },
+        {
+            Label: '同意c',
+            Type: 2,
+            Source: 'approvalNode1656317682440',
+            Target: 'endNode',
+            Status: 2,
+        },
+        {
+            Label: '同意',
+            Type: 2,
+            Source: 'approvalNode1656317642548',
+            Target: 'approvalNode1656317679079',
+            Status: 2,
+        },
+        {
+            Label: '',
+            Type: 2,
+            Source: 'startNode',
+            Target: 'approvalNode1656317642548',
+            Status: 2,
+        },
+    ],
+};

package/dist/web/components/flow/modules/chart/utils.js

@@ -0,0 +1,111 @@
+import { message } from 'tea-component';
+import { flowRequest } from '../../common';
+export function isString(str) {
+    const to = {}.toString;
+    const isType = (value, type) => to.call(value) === '[object ' + type + ']';
+    return isType(str, 'String');
+}
+/**
+ * 获取流程实例运行图
+ */
+export async function getProcessCanvasInfo(data) {
+    try {
+        const result = await flowRequest({
+            data,
+            action: 'GetProcessCanvasInfo',
+        }, { previewData: getProcessCanvasInfoPreviewData });
+        return result;
+    }
+    catch (error) {
+        message.error({ content: '获取流程实例运行数据失败' });
+        return {};
+    }
+}
+const getProcessCanvasInfoPreviewData = {
+    Nodes: [
+        {
+            visited: true,
+            Id: 2,
+            ElementId: 'approvalNode1656317642548',
+            Name: '经理审批',
+            DataType: 17,
+            Status: 1,
+            Conf: [
+                {
+                    Name: '张三',
+                    Status: 2,
+                    OpTime: 1656502417000,
+                    Comment: '',
+                    AttachmentInfo: '[]',
+                    NewProcessors: 'true',
+                },
+            ],
+        },
+        {
+            visited: true,
+            Id: 3,
+            ElementId: 'approvalNode1656317679079',
+            Name: '总监审批',
+            DataType: 17,
+            Status: 3,
+            Conf: [
+                { Name: '王五', Status: 0, OpTime: 0 },
+                { Name: '李四', Status: 0, OpTime: 0 },
+            ],
+        },
+        {
+            visited: true,
+            Id: 4,
+            ElementId: 'approvalNode1656317682440',
+            Name: '人事审批',
+            DataType: 17,
+            Status: 2,
+        },
+        {
+            visited: true,
+            Id: 1,
+            ElementId: 'startNode',
+            Name: '开始',
+            DataType: 1,
+            Status: 1,
+        },
+        {
+            visited: true,
+            Id: 5,
+            ElementId: 'endNode',
+            Name: '结束',
+            DataType: 13,
+            Status: 2,
+        },
+    ],
+    Edges: [
+        {
+            Label: '同意',
+            Type: 2,
+            Source: 'approvalNode1656317679079',
+            Target: 'approvalNode1656317682440',
+            Status: 2,
+        },
+        {
+            Label: '同意c',
+            Type: 2,
+            Source: 'approvalNode1656317682440',
+            Target: 'endNode',
+            Status: 2,
+        },
+        {
+            Label: '同意',
+            Type: 2,
+            Source: 'approvalNode1656317642548',
+            Target: 'approvalNode1656317679079',
+            Status: 2,
+        },
+        {
+            Label: '',
+            Type: 2,
+            Source: 'startNode',
+            Target: 'approvalNode1656317642548',
+            Status: 2,
+        },
+    ],
+};

package/dist/web/components/flow/modules/combination/index.js

@@ -1,21 +1,19 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import Tabs from '../../../tabs';
 import ModelFlowBasic from '../basic';
 import ModelFlowChart from '../chart';
 import ModelFlowControl from '../operations';
 import ModelFlowLayout from '../layout';
-import ModelFlowProcess from '../process';
+import ModelFlowProcess from '../../process';
 const ModelFlow = (props) => {
     const commonProps = {
         events: (props === null || props === void 0 ? void 0 : props.events) || {},
     };
-    return (React.createElement(ModelFlowLayout, { ...props, flowContentSlot: React.createElement(Tabs, { isMultipleSlot: true, events: { change: () => { } }, tabs: [
+    return (_jsx(ModelFlowLayout, { ...props, flowContentSlot: _jsx(Tabs, { isMultipleSlot: true, events: { change: () => null }, tabs: [
                 { value: 'process', title: '流程详情' },
                 { value: 'chart', title: '流转图示' },
             ], 
             // @ts-ignore 忽略属性报错
-            panel1: React.createElement(React.Fragment, null,
-                React.createElement(ModelFlowBasic, { ...commonProps }),
-                React.createElement(ModelFlowProcess, { ...commonProps })), panel2: React.createElement(ModelFlowChart, { ...commonProps }), selectedIndex: 0 }), flowControlSlot: React.createElement(ModelFlowControl, { ...commonProps }) }));
+            panel1: _jsxs(_Fragment, { children: [_jsx(ModelFlowBasic, { ...commonProps }), _jsx(ModelFlowProcess, { ...commonProps })] }), panel2: _jsx(ModelFlowChart, { ...commonProps }), selectedIndex: 0 }), flowControlSlot: _jsx(ModelFlowControl, { ...commonProps }) }));
 };
 export default ModelFlow;

package/dist/web/components/flow/modules/layout/index.css

@@ -1,6 +1,6 @@
-.model-flow-layout {
+.weda-flow-layout {
   height: auto !important;
 }
-.model-flow-layout .wedatea2td-layout__content {
+.weda-flow-layout .wedatea2td-layout__content {
   background-color: #fff;
 }