@cloudbase/weda-ui 3.4.7 → 3.4.9-alpha.1024

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,10 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { RenderProcess } from './Chart';
-import { createModuleFrame } from '../../frame';
-const ModelFlowChart = (props) => (React.createElement(RenderProcess, { ...props }));
-export default createModuleFrame(ModelFlowChart, 'flow-chart');
+import { useFlowConfig, WedaFlowContainer, } from '../../common';
+export default function ModelFlowChart(props) {
+    const flowConfig = useFlowConfig({
+        moduleName: 'flow-chart',
+        wedaPlatformProps: props,
+    });
+    return (_jsx(WedaFlowContainer, { wedaPlatformProps: props, ref: flowConfig.elementRef, children: _jsx(RenderProcess, { ...flowConfig, wedaPlatformProps: props }) }));
+}

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;
 }

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

@@ -1,22 +1,18 @@
-import React from 'react';
-import { PAGE_TYPE } from '../../constants';
-import { createModuleFrame } from '../../frame';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PAGE_TYPE, isInIde, useFlowConfig, WedaFlowContainer, } from '../../common';
 import './index.css';
-const ModelFlowLayout = (props) => {
-    const { flowLocalProps, ide } = props;
-    const { isWedaIde, currentPageType } = flowLocalProps;
-    const { flowContentSlot, flowControlSlot, ...rest } = ide;
+export default function ModelFlowLayout(props) {
+    const { currentPageType } = useFlowConfig({
+        wedaPlatformProps: props,
+        moduleName: 'flow-layout',
+    });
+    const { flowContentSlot, flowControlSlot } = props;
     /**
      * 是否隐藏流程Tab
      * @description 初始化情况下，流程基本信息、流程流转记录、流程图示三个组件
      * 会放到一个Tab组件中，特定条件下会启用该配置。如组件被拆分，改配置将失效
      */
-    const hideFlowTab = !isWedaIde &&
+    const hideFlowTab = !isInIde() &&
         [PAGE_TYPE.CREATEFLOW, PAGE_TYPE.DRAFT].includes(currentPageType);
-    return (
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    React.createElement("div", { ...rest, className: "model-flow-layout" },
-        React.createElement("div", null, hideFlowTab ? null : React.createElement("div", null, flowContentSlot)),
-        React.createElement("div", null, flowControlSlot)));
-};
-export default createModuleFrame(ModelFlowLayout, 'flow-layout');
+    return (_jsx(WedaFlowContainer, { wedaPlatformProps: props, children: _jsxs("div", { className: "weda-flow-layout", children: [_jsx("div", { children: hideFlowTab ? null : _jsx("div", { children: flowContentSlot }) }), _jsx("div", { children: flowControlSlot })] }) }));
+}

package/dist/web/components/flow/modules/operations/components/button/index.js

@@ -1,11 +1,9 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from 'tea-component';
 import { IconFont } from 'tdesign-icons-react';
 import './style.css';
 /** 流程相关动作的触发按钮 */
 export function FlowButton(props) {
     const { buttonIcon, className, ...buttonProps } = props;
-    return (React.createElement(Button, { ...buttonProps, className: `weda-flow-button ${className}` },
-        buttonIcon ? React.createElement(IconFont, { name: buttonIcon }) : null,
-        props.children));
+    return (_jsxs(Button, { ...buttonProps, className: `weda-flow-button ${className}`, children: [buttonIcon ? _jsx(IconFont, { name: buttonIcon }) : null, props.children] }));
 }

package/dist/web/components/flow/modules/operations/components/popup/index.js

@@ -1,8 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { CSSTransition } from 'react-transition-group';
 import { IconFont } from 'tdesign-icons-react';
-import classNames from '../../../../../../utils/classnames';
+import { classNames } from '../../../../common';
 import { POSITIONS } from './types';
 import './style.css';
 /** 使用移动视图的弹出层组件 */
@@ -32,13 +33,13 @@ export function FlowPopup(props) {
     const renderTitle = () => {
         if (!title)
             return null;
-        return (React.createElement("div", { className: "weda-flow-popup-title", style: titleStyle }, title));
+        return (_jsx("div", { className: "weda-flow-popup-title", style: titleStyle, children: title }));
     };
     /** 关闭按钮 */
     const renderCloseButton = () => {
         if (!closeable)
             return null;
-        return (React.createElement("div", { className: `weda-flow-popup-close ${closeContentPosition}`, onClick: onPopupClose }, closeContent || React.createElement(IconFont, { name: "close" })));
+        return (_jsx("div", { className: `weda-flow-popup-close ${closeContentPosition}`, onClick: onPopupClose, children: closeContent || _jsx(IconFont, { name: "close" }) }));
     };
     /** 遮罩层 */
     const renderOverlay = () => {
@@ -49,7 +50,7 @@ export function FlowPopup(props) {
         };
         if (!overlay)
             return null;
-        return (React.createElement("div", { className: `weda-flow-popup-overlay ${overlayClass}`, style: overlayStyle || {}, onClick: onClickOverlay }));
+        return (_jsx("div", { className: `weda-flow-popup-overlay ${overlayClass}`, style: overlayStyle || {}, onClick: onClickOverlay }));
     };
     /** 弹出层 */
     const renderPopup = () => {
@@ -59,27 +60,22 @@ export function FlowPopup(props) {
             ...style,
             display: !innerVisible && !animatedVisible ? 'none' : undefined,
         };
-        return (React.createElement("div", { className: popupClassName, style: popupStyle, onClick: onStopPropagation },
-            renderTitle(),
-            renderCloseButton(),
-            children || null));
+        return (_jsxs("div", { className: popupClassName, style: popupStyle, onClick: onStopPropagation, children: [renderTitle(), renderCloseButton(), children || null] }));
     };
     /** 弹出层动画 */
     const renderPopupTransition = () => {
         const transitionClassName = position === 'center'
             ? 'weda-flow-popup-fade'
             : `weda-flow-popup-slide-${position}`;
-        return (React.createElement(CSSTransition, { timeout: 300, in: visible, classNames: transitionClassName, mountOnEnter: true, unmountOnExit: destroyOnClose, onExited: () => {
+        return (_jsx(CSSTransition, { timeout: 300, in: visible, classNames: transitionClassName, mountOnEnter: true, unmountOnExit: destroyOnClose, onExited: () => {
                 setAnimatedVisible(false);
-            } }, renderPopup()));
+            }, children: renderPopup() }));
     };
     /** 遮罩层动画 */
     const renderOverlayTransition = () => {
-        return (React.createElement(CSSTransition, { mountOnEnter: true, unmountOnExit: true, timeout: 300, in: visible, classNames: "weda-flow-popup-fade" }, renderOverlay()));
+        return (_jsx(CSSTransition, { mountOnEnter: true, unmountOnExit: true, timeout: 300, in: visible, classNames: "weda-flow-popup-fade", children: renderOverlay() }));
     };
-    return createPortal(React.createElement(React.Fragment, null,
-        renderOverlayTransition(),
-        renderPopupTransition()), container);
+    return createPortal(_jsxs(_Fragment, { children: [renderOverlayTransition(), renderPopupTransition()] }), container);
 }
 /** 获取初始样式 */
 function getInitialStyle(position, height, width) {

package/dist/web/components/flow/modules/operations/components/user-select/index.js

@@ -1,4 +1,5 @@
-import React, { useRef, useEffect, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect, useState } from 'react';
 import { Button } from 'tea-component';
 import UserTreeSelect from '../../../../../form/userOrgSelect/component/user-select-h5';
 import './style.css';
@@ -23,7 +24,7 @@ export function FlowUserSelect(props) {
             (_c = (_b = (_a = userSelectRef.current) === null || _a === void 0 ? void 0 : _a.methods) === null || _b === void 0 ? void 0 : _b.open) === null || _c === void 0 ? void 0 : _c.call(_b);
         }
     }, [props.visible]);
-    return (React.createElement(UserTreeSelect, { labelVisible: false, decorator: null, multiple: props === null || props === void 0 ? void 0 : props.multiple, showType: (props === null || props === void 0 ? void 0 : props.isH5) ? 'h5' : 'pc', style: props.showOriginEntry
+    return (_jsx(UserTreeSelect, { labelVisible: false, decorator: null, multiple: props === null || props === void 0 ? void 0 : props.multiple, showType: (props === null || props === void 0 ? void 0 : props.isH5) ? 'h5' : 'pc', style: props.showOriginEntry
             ? props.style || {}
             : {
                 display: 'none',
@@ -37,7 +38,5 @@ export function FlowUserSelectBtn(props) {
     const [visible, setVisible] = useState(false);
     const onOpenUserSelect = () => setVisible(true);
     const onCloseUserSelect = () => setVisible(false);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Button, { ...buttonProps, onClick: onOpenUserSelect }, buttonText),
-        React.createElement(FlowUserSelect, { visible: visible, onClose: onCloseUserSelect, ...restProps, showOriginEntry: false })));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { ...buttonProps, onClick: onOpenUserSelect, children: buttonText }), _jsx(FlowUserSelect, { visible: visible, onClose: onCloseUserSelect, ...restProps, showOriginEntry: false })] }));
 }