@cloudbase/weda-ui 3.4.2 → 3.4.4

package/dist/web/components/flow/modules/control/provider/useRevokeAndBackHook.js

@@ -0,0 +1,82 @@
+import { useState } from 'react';
+import { revokeFlow, fetchBackNodeList, rollBackFlow } from '../../../services';
+import { ACTION_TYPE } from '../constants';
+// 撤销/回退逻辑
+export const useRevokeAndBackHook = (params, controlModel) => {
+    const { flowDetail } = params.commonFlowData;
+    const { callWedaApi, currentPageType } = params.flowLocalProps;
+    const { onFinishFlowAction } = controlModel;
+    const [showRevokeModal, setShowRevokeModal] = useState(false);
+    const [showBackModal, setShowBackModal] = useState(false);
+    const [backNodeList, setBackNodeList] = useState([]);
+    const [backNode, setBackNode] = useState('');
+    const doneRevokeFn = () => {
+        // 调用撤销接口
+        revokeFlow({
+            flowCode: flowDetail.flowCode,
+            appVersion: flowDetail.flowVersion,
+            instanceId: flowDetail.instanceId,
+            revokeType: currentPageType === 'CREATE' ? 2 : 1,
+            taskId: currentPageType === 'DONE' ? flowDetail.taskId : undefined,
+        }, { callWedaApi }).then((res) => {
+            if (res) {
+                setShowRevokeModal(false);
+                onFinishFlowAction({ handleType: ACTION_TYPE.REVOKE });
+            }
+        });
+    };
+    const getNodeList = () => 
+    // 获取回退节点列表
+    fetchBackNodeList({
+        flowCode: flowDetail.flowCode,
+        appVersion: flowDetail.flowVersion,
+        instanceId: flowDetail.instanceId,
+    }, { callWedaApi }).then((res) => {
+        if (res === null || res === void 0 ? void 0 : res.data) {
+            let preNodeId = '';
+            const options = res.data.map((item) => {
+                if (item.lastNode) {
+                    preNodeId = item.elementId;
+                }
+                return {
+                    ...item,
+                    value: item.elementId,
+                    text: item.elementName,
+                };
+            });
+            setBackNodeList(options);
+            setBackNode(preNodeId);
+        }
+    });
+    const doneBackFn = () => {
+        var _a;
+        // 调用回退接口
+        rollBackFlow({
+            flowCode: flowDetail.flowCode,
+            appVersion: flowDetail.flowVersion,
+            instanceId: flowDetail.instanceId,
+            taskId: flowDetail.taskId,
+            nodeId: flowDetail.currentNodeId,
+            sourceType: 1,
+            targetNodeId: backNode,
+            targetActTaskId: (_a = backNodeList.find((item) => item.value === backNode)) === null || _a === void 0 ? void 0 : _a.actTaskId,
+        }, { callWedaApi }).then((res) => {
+            if (res) {
+                setShowBackModal(false);
+                onFinishFlowAction({ handleType: ACTION_TYPE.GO_BACK });
+            }
+        });
+    };
+    return {
+        showRevokeModal,
+        setShowRevokeModal,
+        doneRevokeFn,
+        doneBackFn,
+        showBackModal,
+        setShowBackModal,
+        getNodeList,
+        backNodeList,
+        backNode,
+        setBackNode,
+    };
+};

package/dist/web/components/flow/modules/control/utils/ControlModelUtils.js

@@ -0,0 +1,57 @@
+import { parse, stringify } from 'querystring';
+import { getPageQuery } from '../../../../../utils/getPageQuery';
+export default class ControlModelUtils {
+    static translateVariableInfos(pageFormData, pageDetail) {
+        var _a;
+        const outEntityCodes = (pageDetail === null || pageDetail === void 0 ? void 0 : pageDetail.outEntityCodes) || [];
+        const originObjectMap = ((_a = pageDetail === null || pageDetail === void 0 ? void 0 : pageDetail.variableInfos) === null || _a === void 0 ? void 0 : _a.objectMap) || [];
+        return outEntityCodes === null || outEntityCodes === void 0 ? void 0 : outEntityCodes.map((item) => {
+            const originVariableInfo = originObjectMap === null || originObjectMap === void 0 ? void 0 : originObjectMap.find((info) => (info === null || info === void 0 ? void 0 : info.entityCode) === (item === null || item === void 0 ? void 0 : item.entityCode));
+            const { recordId, fieldValueMap } = originVariableInfo || {};
+            const Value = Object.assign({
+                entityCode: item === null || item === void 0 ? void 0 : item.entityCode,
+                fieldValueMap: {
+                    ...(fieldValueMap || {}),
+                    ...((pageFormData === null || pageFormData === void 0 ? void 0 : pageFormData[item === null || item === void 0 ? void 0 : item.entityCode]) || {}),
+                },
+            }, recordId ? { recordId } : {});
+            const variableInfo = {
+                Type: item === null || item === void 0 ? void 0 : item.type,
+                Value,
+            };
+            return variableInfo;
+        });
+    }
+    static navigateToFlowCenter() {
+        const { origin, pathname } = location;
+        const { envType } = getPageQuery();
+        window.location.href = `${origin}${pathname}#/flowCenter?envType=${envType}`;
+    }
+    static convertVariableInfosFormat(data) {
+        if (data.length) {
+            return data.map((v) => {
+                var _a, _b, _c, _d;
+                const item = { ...v };
+                if (!((_a = item.value) === null || _a === void 0 ? void 0 : _a.recordId) && ((_b = item.value) === null || _b === void 0 ? void 0 : _b.fieldValueMap)) {
+                    item.value.recordId = ((_d = (_c = item.value) === null || _c === void 0 ? void 0 : _c.fieldValueMap) === null || _d === void 0 ? void 0 : _d.recordId) || '';
+                }
+                return item;
+            });
+        }
+        return [];
+    }
+}
+Object.defineProperty(ControlModelUtils, "updateUrlSearch", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: (newSearchOption) => {
+        const { hash, origin, pathname } = location;
+        const currentHash = hash.split('?')[0];
+        const currentSearch = parse(hash.split('?')[1]);
+        const newSearch = stringify({ ...currentSearch, ...newSearchOption });
+        const newHash = `${currentHash}?${newSearch}`;
+        const newUrl = `${origin}${pathname}${newHash}`;
+        history.pushState('', '', newUrl);
+    }
+});

package/dist/web/components/flow/modules/control/utils/index.js

@@ -0,0 +1,2 @@
+import ControlModelUtils from './ControlModelUtils';
+export { ControlModelUtils };

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

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

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { PAGE_TYPE } from '../../constants';
+import { createModuleFrame } from '../../frame';
+import './index.css';
+const ModelFlowLayout = (props) => {
+    const { flowLocalProps, ide } = props;
+    const { isWedaIde, currentPageType } = flowLocalProps;
+    const { flowContentSlot, flowControlSlot, ...rest } = ide;
+    /**
+     * 是否隐藏流程Tab
+     * @description 初始化情况下，流程基本信息、流程流转记录、流程图示三个组件
+     * 会放到一个Tab组件中，特定条件下会启用该配置。如组件被拆分，改配置将失效
+     */
+    const hideFlowTab = !isWedaIde &&
+        [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');

package/dist/web/components/flow/modules/process/Process.js

@@ -0,0 +1,73 @@
+import React from 'react';
+import moment from 'moment';
+import classNames from '../../../../utils/classnames';
+import { Text, Status, LoadingTip, Card } from 'tea-component';
+import { HighLightComment, FlowModuleText, getModuleTextProps, getModuleContentStyle, } from '../../components';
+import { STATUS } from '../../constants';
+import { getStatusStr, showTwoUserList } from './utils';
+const ApproveProcess = (props) => {
+    const { commonFlowData, flowLocalProps, ide, loading } = props;
+    const flowModelContentStyle = getModuleContentStyle(ide);
+    const { steps } = commonFlowData;
+    const { safeJsonParse } = flowLocalProps;
+    const renderContent = () => {
+        if (loading) {
+            return React.createElement(LoadingTip, null);
+        }
+        if ((steps === null || steps === void 0 ? void 0 : steps.length) === 0) {
+            return React.createElement(Status, { icon: "blank", size: "l", title: "\u6682\u65E0\u6D41\u8F6C\u8BB0\u5F55", ...props });
+        }
+        return (React.createElement("div", { className: classNames('page-process__progress', 'page-process__progress__app-page') },
+            React.createElement("div", { className: "approval-progress" }, (steps || []).map((item, index) => {
+                var _a, _b, _c, _d, _e, _f;
+                const details = item.contentInfo;
+                return (React.createElement("div", { className: "approval-progress__item", key: index },
+                    React.createElement("div", { className: `approval-progress__dot ${!item.status ? '' : item.status}` }),
+                    React.createElement("div", { className: "approval-progress__content" },
+                        React.createElement("div", { className: "approval-progress__row tea-mb-2n" },
+                            item.status === STATUS.DROP ? (React.createElement("div", { className: "approval-progress__dept", style: {
+                                    color: 'rgb(231, 87, 87)',
+                                    ...flowModelContentStyle,
+                                } }, item.result)) : (React.createElement("div", { className: "approval-progress__dept", style: flowModelContentStyle }, item.name)),
+                            ![STATUS.CC, STATUS.DROP].includes(item.status) && (React.createElement("div", { className: "approval-progress__user", style: flowModelContentStyle },
+                                item.status === STATUS.START ? '发起人' : '审批人',
+                                "\uFF1A",
+                                showTwoUserList(item.operaName, item.approvalStrategy))),
+                            ![STATUS.START, STATUS.END, STATUS.CC].includes(item.status) && getStatusStr(item.status)),
+                        React.createElement("div", { className: "approval-progress__row  approval-progress__row--start tea-mb-2n" },
+                            details.createTime && (React.createElement(Text, { theme: "weak", className: "approval-progress__date" }, moment(details.createTime).format('YYYY-MM-DD HH:mm:ss'))),
+                            item.status === STATUS.CC && (React.createElement(Text, { theme: "weak", style: { maxWidth: 500 }, overflow: true, tooltip: true },
+                                "\u6284\u9001\uFF1A", (_b = (_a = details.ccUserInfos) === null || _a === void 0 ? void 0 : _a.map((i) => i.name)) === null || _b === void 0 ? void 0 :
+                                _b.join('、'))),
+                            details.ccUsers && (React.createElement(Text, { theme: "weak", style: { maxWidth: 500 }, overflow: true, tooltip: true },
+                                "\u6284\u9001\uFF1A", (_c = Object.values(details.ccUsers)) === null || _c === void 0 ? void 0 :
+                                _c.join('、'))),
+                            item.status === STATUS.TRANS && (React.createElement(Text, { theme: "weak" },
+                                "\u56DE\u9000\u5230\u6307\u5B9A\u8282\u70B9\uFF1A",
+                                (details === null || details === void 0 ? void 0 : details.operation)
+                                    ? (_d = safeJsonParse(details === null || details === void 0 ? void 0 : details.operation)[1]) === null || _d === void 0 ? void 0 : _d.name
+                                    : '')),
+                            !!details.operationComment && (React.createElement(Text, { theme: "weak", className: "approval-progress__comment" },
+                                "\u5BA1\u6279\u610F\u89C1\uFF1A",
+                                React.createElement(HighLightComment, { details: details })))),
+                        React.createElement("div", { className: "approval-progress__row", style: {
+                                flexDirection: 'column',
+                                alignItems: 'flex-start',
+                            } },
+                            item.status === 'countersign' && (React.createElement(Text, { theme: "weak", className: "approval-progress__advice-item" },
+                                React.createElement("i", { className: "apa-icon apa-icon-label tea-mr-2n" }),
+                                "\u52A0\u7B7E\uFF1A",
+                                (details === null || details === void 0 ? void 0 : details.operation)
+                                    ? safeJsonParse(details.operation)
+                                        .map((i) => i.name)
+                                        .join('，')
+                                    : '')),
+                            details.isCC && (React.createElement(Text, { theme: "weak", className: "approval-progress__advice-item" },
+                                React.createElement("i", { className: "apa-icon apa-icon-trans tea-mr-2n" }),
+                                "\u6284\u9001\uFF1A", (_f = (_e = details.ccUserInfos) === null || _e === void 0 ? void 0 : _e.map((i) => i.name)) === null || _f === void 0 ? void 0 :
+                                _f.join('、')))))));
+            }))));
+    };
+    return (React.createElement(Card.Body, { className: "page-process__progress-card", title: React.createElement(FlowModuleText.Title, { ...getModuleTextProps(ide) }) }, renderContent()));
+};
+export default ApproveProcess;

package/dist/web/components/flow/modules/process/ProcessMobile.js

@@ -0,0 +1,81 @@
+import React from 'react';
+import moment from 'moment';
+import { Text, Status, LoadingTip, Card } from 'tea-component';
+import { HighLightComment, FlowModuleText, getModuleTextProps, getModuleContentStyle, } from '../../components';
+import { STATUS } from '../../constants';
+import { getStatusStr, showTwoUserList } from './utils';
+const ApproveProcessMobile = (props) => {
+    const { commonFlowData, flowLocalProps, ide, loading } = props;
+    const flowModelContentStyle = getModuleContentStyle(ide);
+    const { steps } = commonFlowData;
+    const { safeJsonParse } = flowLocalProps;
+    const renderContent = () => {
+        if (loading) {
+            return React.createElement(LoadingTip, null);
+        }
+        if ((steps === null || steps === void 0 ? void 0 : steps.length) === 0) {
+            return React.createElement(Status, { icon: "blank", size: "l", title: "\u6682\u65E0\u6D41\u8F6C\u8BB0\u5F55", ...props });
+        }
+        if ((steps === null || steps === void 0 ? void 0 : steps.length) > 0) {
+            return (React.createElement("div", { className: "page-process__progress process-progress--mb" },
+                React.createElement("div", { className: "approval-progress approval-progress-mb" }, (steps || []).map((item, index) => {
+                    var _a, _b, _c, _d, _e, _f;
+                    const details = item.contentInfo;
+                    return (React.createElement("div", { className: "approval-progress__item", key: `${index}_${item === null || item === void 0 ? void 0 : item.name}` },
+                        React.createElement("div", { className: `approval-progress__dot ${!item.status ? '' : item.status}` }),
+                        React.createElement("div", { className: "approval-progress__content", style: { width: 'calc(100% - 26px)' } },
+                            React.createElement("div", { className: "approval-progress__row tea-mb-2n" },
+                                item.status === STATUS.DROP ? (React.createElement("div", { className: "approval-progress__dept", style: {
+                                        color: 'rgb(231, 87, 87)',
+                                        ...flowModelContentStyle,
+                                    } }, item.result)) : (React.createElement("div", { className: "approval-progress__dept", style: flowModelContentStyle }, item.name)),
+                                ![STATUS.START, STATUS.END, STATUS.CC].includes(item.status) && getStatusStr(item.status)),
+                            React.createElement("div", { className: "approval-progress__row tea-mb-1n" },
+                                ![STATUS.CC].includes(item.status) && (React.createElement(Text, { theme: "weak", className: "tea-mr-4n", style: {
+                                        maxWidth: 'calc(100% - 120px)',
+                                        wordBreak: 'break-all',
+                                        ...flowModelContentStyle,
+                                    } },
+                                    item.status === STATUS.START ? '发起人' : '审批人',
+                                    "\uFF1A",
+                                    showTwoUserList(item.operaName, item.approvalStrategy))),
+                                details.createTime && (React.createElement(Text, { theme: "weak", className: "approval-progress__date" }, moment(details.createTime).format('YYYY-MM-DD HH:mm:ss')))),
+                            item.status === STATUS.CC && (React.createElement("div", { className: "approval-progress__row  approval-progress__row--start tea-mb-1n" },
+                                React.createElement(Text, { theme: "weak", style: { maxWidth: 200 }, overflow: true, tooltip: true },
+                                    "\u6284\u9001\uFF1A", (_b = (_a = details.ccUserInfos) === null || _a === void 0 ? void 0 : _a.map((i) => i.name)) === null || _b === void 0 ? void 0 :
+                                    _b.join('、')))),
+                            details.ccUsers && (React.createElement(Text, { theme: "weak", style: { maxWidth: 200 }, overflow: true, tooltip: true },
+                                "\u6284\u9001\uFF1A", (_c = Object.values(details.ccUsers)) === null || _c === void 0 ? void 0 :
+                                _c.join('、'))),
+                            item.status === STATUS.TRANS && (React.createElement("div", { className: "approval-progress__row  approval-progress__row--start tea-mb-1n" },
+                                React.createElement(Text, { theme: "weak" },
+                                    "\u56DE\u9000\u5230\u6307\u5B9A\u8282\u70B9\uFF1A",
+                                    (details === null || details === void 0 ? void 0 : details.operation)
+                                        ? (_d = safeJsonParse(details === null || details === void 0 ? void 0 : details.operation)[1]) === null || _d === void 0 ? void 0 : _d.name
+                                        : ''))),
+                            !!details.operationComment && (React.createElement("div", { className: "approval-progress__row  approval-progress__row--start tea-mb-1n" },
+                                React.createElement(Text, { theme: "weak", className: "approval-progress__comment-mb" },
+                                    "\u5BA1\u6279\u610F\u89C1\uFF1A",
+                                    React.createElement(HighLightComment, { details: details })))),
+                            React.createElement("div", { className: "approval-progress__row", style: {
+                                    flexDirection: 'column',
+                                    alignItems: 'flex-start',
+                                } },
+                                item.status === 'countersign' && (React.createElement(Text, { theme: "weak", className: "approval-progress__advice-item" },
+                                    React.createElement("i", { className: "apa-icon apa-icon-label tea-mr-2n" }),
+                                    "\u52A0\u7B7E\uFF1A",
+                                    (details === null || details === void 0 ? void 0 : details.operation)
+                                        ? safeJsonParse(details.operation)
+                                            .map((i) => i.name)
+                                            .join('，')
+                                        : '')),
+                                details.isCC && (React.createElement(Text, { theme: "weak", className: "approval-progress__advice-item" },
+                                    React.createElement("i", { className: "apa-icon apa-icon-trans tea-mr-2n" }),
+                                    "\u6284\u9001\uFF1A", (_f = (_e = details.ccUserInfos) === null || _e === void 0 ? void 0 : _e.map((i) => i.name)) === null || _f === void 0 ? void 0 :
+                                    _f.join('、')))))));
+                }))));
+        }
+    };
+    return (React.createElement(Card.Body, { className: "page-process__progress-card", title: React.createElement(FlowModuleText.Title, { ...getModuleTextProps(ide) }) }, renderContent()));
+};
+export default ApproveProcessMobile;

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

@@ -0,0 +1,194 @@
+.page-process__progress-card .wedatea2td-card__title {
+  margin-bottom: 6px;
+}
+.page-process__progress .approval-progress__row {
+  display: flex;
+  -webkit-align-items: center;
+  align-items: center;
+  font-size: 12px !important;
+}
+.page-process__progress .approval-progress__row--start {
+  -webkit-align-items: flex-start;
+  align-items: flex-start;
+}
+.page-process__progress .approval-progress {
+  padding-top: 4px;
+}
+.page-process__progress .approval-progress .approval-progress__item {
+  padding-bottom: 16px;
+  position: relative;
+  display: flex;
+}
+.page-process__progress .approval-progress .approval-progress__item:before {
+  border-left: 1px dashed rgba(36, 115, 242, 0.3);
+  width: 1px;
+  height: calc(100% - 18px);
+  position: absolute;
+  top: 22px;
+  left: 7px;
+  content: '';
+}
+.page-process__progress .approval-progress .approval-progress__item:last-child {
+  padding-bottom: 0;
+}
+.page-process__progress
+  .approval-progress
+  .approval-progress__item:last-child:before {
+  display: none;
+}
+.page-process__progress .approval-progress .approval-progress__dot {
+  width: 14px;
+  height: 14px;
+  background: rgba(36, 115, 242, 0.15);
+  -webkit-flex: none;
+  flex: none;
+  position: relative;
+  border-radius: 50%;
+  margin-right: 20px;
+  margin-top: 6px;
+}
+.page-process__progress .approval-progress .approval-progress__dot:before {
+  content: '';
+  width: 8px;
+  height: 8px;
+  position: absolute;
+  border-radius: 50%;
+  background: #2473f2;
+  left: 3px;
+  top: 3px;
+}
+.page-process__progress .approval-progress .approval-progress__dot.pending {
+  background: rgba(162, 172, 189, 0.15);
+}
+.page-process__progress
+  .approval-progress
+  .approval-progress__dot.pending:before {
+  background: #a2acbd;
+}
+.page-process__progress .approval-progress .approval-progress__dot.end {
+  background: rgba(162, 172, 189, 0.15);
+}
+.page-process__progress .approval-progress .approval-progress__dot.end:before {
+  background: #666;
+}
+.page-process__progress .approval-progress .approval-progress__dot.start {
+  background: rgba(36, 115, 242, 0.15);
+}
+.page-process__progress
+  .approval-progress
+  .approval-progress__dot.start:before {
+  background: #09bf5b;
+}
+.page-process__progress .approval-progress .approval-progress__content {
+  -webkit-flex: 1;
+  flex: 1;
+}
+.page-process__progress .approval-progress .approval-progress__dept,
+.page-process__progress .approval-progress .approval-progress__user {
+  font-size: 14px;
+  line-height: 24px;
+  min-width: 110px;
+  max-width: 450px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  margin-right: 8px;
+  cursor: pointer;
+}
+.page-process__progress .approval-progress .approval-progress__date {
+  margin-right: 8px;
+  min-width: 110px;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  -webkit-flex: none;
+  flex: none;
+}
+.page-process__progress .approval-progress .approval-progress__user {
+  width: auto;
+}
+.page-process__progress .approval-progress__status {
+  min-width: 72px;
+  padding: 0 12px;
+  text-align: center;
+  line-height: 24px;
+  margin-left: 12px;
+  margin-top: 0 !important;
+}
+.page-process__progress .approval-progress .approval-progress__advice-item {
+  margin-bottom: 8px;
+}
+.page-process__progress.process-progress--mb
+  .approval-progress.approval-progress-mb {
+  padding-top: 8px;
+}
+.page-process__progress.process-progress--mb
+  .approval-progress.approval-progress-mb
+  .approval-progress__dept {
+  width: auto;
+  -webkit-flex: 1;
+  flex: 1;
+  white-space: break-spaces;
+}
+.page-process__progress.process-progress--mb
+  .approval-progress.approval-progress-mb
+  .approval-progress__advice-item {
+  margin-bottom: 4px;
+}
+.page-process__progress.process-progress--mb
+  .approval-progress.approval-progress-mb
+  .approval-progress__status.tea-tag {
+  min-width: 56px;
+  padding: 0 8px;
+  line-height: 20px;
+}
+.page-process__progress.process-progress--mb
+  .approval-progress.approval-progress-mb
+  .approval-progress__dot {
+  margin-right: 12px;
+}
+.cp-mobile-dialog.approval-progress__more--dialog
+  .approval-progress__more--btns {
+  padding: 0 20px 14px;
+  position: relative;
+}
+.cp-mobile-dialog.approval-progress__more--dialog
+  .approval-progress__more--btns:after {
+  content: '';
+  height: 1em;
+  width: 100%;
+  background: #f7f7fa;
+  position: absolute;
+  left: 0;
+}
+.cp-mobile-dialog.approval-progress__more--dialog
+  .approval-progress__more--btn {
+  text-align: center;
+  padding: 8px;
+  cursor: pointer;
+}
+.cp-mobile-dialog.approval-progress__more--dialog
+  .approval-progress__more--btn
+  + .approval-progress__more--btn {
+  border-top: 1px solid #e5e8ed;
+}
+.cp-mobile-dialog.approval-progress__more--dialog
+  .approval-progress__more--footer {
+  padding: 16px 20px;
+  text-align: center;
+  font-size: 14px;
+  cursor: pointer;
+}
+.cp-mobile-dialog.approval-progress__callback--dialog .apa-m-overlay__tit {
+  font-size: 14px;
+  color: #666;
+}
+.approval-progress__comment {
+  max-width: 500px;
+  word-wrap: break-word;
+}
+
+.approval-progress__comment-mb {
+  max-width: 300px;
+  word-wrap: break-word;
+}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { createModuleFrame } from '../../frame';
+import ApproveProcess from './Process';
+import ApproveProcessMobile from './ProcessMobile';
+import './index.css';
+const ModelFlowProcess = (props) => {
+    const { flowLocalProps } = props;
+    const { isH5, isNarrowElement } = flowLocalProps;
+    if (isH5 || isNarrowElement) {
+        return React.createElement(ApproveProcessMobile, { ...props });
+    }
+    return React.createElement(ApproveProcess, { ...props });
+};
+export default createModuleFrame(ModelFlowProcess, 'flow-process');

package/dist/web/components/flow/modules/process/utils/index.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import { Tag, Bubble } from 'tea-component';
+import { STATUS_TEXT } from '../../../constants';
+export const getStatusStr = (status) => {
+    const { theme, text } = (STATUS_TEXT === null || STATUS_TEXT === void 0 ? void 0 : STATUS_TEXT[status]) || {};
+    if (text) {
+        return (React.createElement(Tag, { className: "approval-progress__status", theme: theme }, text));
+    }
+    return null;
+};
+export const showTwoUserList = (operatorName, approvalStrategy) => {
+    if (typeof operatorName === 'string') {
+        return operatorName || '-';
+    }
+    if (Array.isArray(operatorName)) {
+        const names = operatorName.filter((name) => name);
+        if (!names.length) {
+            return '-';
+        }
+        if (names.length < 2) {
+            return names[0];
+        }
+        return (React.createElement(Bubble, { arrowPointAtCenter: true, placement: "top-end", content: names.join('、') }, names === null || names === void 0 ? void 0 :
+            names.slice(0, 2).join('、'),
+            React.createElement("span", null,
+                "\u7B49",
+                React.createElement("span", { style: { color: '#2473f2' } },
+                    names.length,
+                    "\u4EBA"),
+                approvalStrategy === '1' ? '任签' : '加签')));
+    }
+};