@cloudbase/weda-ui 3.4.1 → 3.4.3

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

@@ -0,0 +1,243 @@
+import { useState, useRef, useEffect } from 'react';
+import { message } from 'tea-component';
+import { postApprovalFlow, postApprovalSign, postFlowTaskList, } from '../../../services';
+import { ACTION_TYPE, ACTION_TYPE_MAP, ACTION_FINISH_MAP } from '../constants';
+import { ControlModelUtils } from '../utils';
+export const useControlModel = (params) => {
+    const { commonFlowData, flowLocalProps, ide, reload } = params;
+    const { flowDetail, pageInfo, ccUserMaps } = commonFlowData;
+    const { isWedaIde, callWedaApi } = flowLocalProps;
+    const { events } = ide || {};
+    const ifSubmitAndCc = (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) && (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showCarbonCopy);
+    const [approveDrawerVisible, setApproveDrawerVisible] = useState(false);
+    const [userModalVisible, setUserModalVisible] = useState(false);
+    const [submitApplyLoading, setSubmitApplyLoading] = useState(false);
+    const [submitLoading, setSubmitLoading] = useState(false);
+    const [handleType, setHandleType] = useState('');
+    const [flowTaskInfoModalVisible, setFlowTaskInfoModalVisible] = useState(false); // 下一节点展示人弹窗
+    const [flowTaskInfoList, setFlowTaskInfoList] = useState([]); // 审批人列表
+    const [allInfos, setAllInfos] = useState([]);
+    const [flowTaskIds, setFlowTaskIds] = useState([]);
+    const [ccUserModelVisible, setCcUserModelVisible] = useState(false);
+    const [ccUsers, setCcUsers] = useState([]);
+    useEffect(() => {
+        var _a;
+        const ccUsers = (_a = Object.entries(ccUserMaps || {})) === null || _a === void 0 ? void 0 : _a.map(([value, text]) => ({
+            text,
+            value,
+        }));
+        setCcUsers(ccUsers);
+    }, [ccUserMaps]);
+    const pageFormData = useRef({});
+    const handleTypeRef = useRef('');
+    const onAddCounterSign = async (assigneeIds) => {
+        try {
+            const res = await postApprovalSign({
+                instanceId: flowDetail.instanceId,
+                nodeId: flowDetail.currentNodeId,
+                taskId: flowDetail.taskId,
+                assigneeIds: assigneeIds.map((item) => item.value),
+            }, { callWedaApi });
+            if (res === null || res === void 0 ? void 0 : res.status) {
+                onFinishFlowAction({
+                    handleType: ACTION_TYPE.ADD_ASSIGNEE,
+                });
+            }
+        }
+        catch (error) {
+            console.error(error);
+        }
+    };
+    const onControlChick = (type, e) => {
+        var _a;
+        if (isWedaIde) {
+            return;
+        }
+        handleTypeRef.current = type;
+        (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {
+            onGetFormData: (value) => {
+                pageFormData.current = { ...pageFormData.current, ...value };
+                if (type === ACTION_TYPE.SUBMIT) {
+                    onTriggerFlowEvent({ buttonAction: ACTION_TYPE_MAP.submit });
+                }
+                else if (type === ACTION_TYPE.SAVE_DRAFT) {
+                    onSaveDraft();
+                }
+                else {
+                    onApproveDrawerVisibleChange();
+                    setHandleType(type);
+                }
+            },
+        }, {
+            originEvent: e,
+        });
+    };
+    const onApproveDrawerVisibleChange = () => {
+        setApproveDrawerVisible(!approveDrawerVisible);
+        !approveDrawerVisible && setHandleType('');
+    };
+    const onUserModalVisibleChange = () => {
+        setUserModalVisible(!userModalVisible);
+    };
+    const onFlowTaskInfoModalVisibleChange = () => {
+        setFlowTaskInfoModalVisible(!flowTaskInfoModalVisible);
+    };
+    const onSaveDraft = () => {
+        const params = {
+            buttonAction: ACTION_TYPE_MAP[ACTION_TYPE.SAVE_DRAFT],
+            ccUserIds: (ccUsers === null || ccUsers === void 0 ? void 0 : ccUsers.length)
+                ? ccUsers.map(({ value }) => value).join(',')
+                : undefined,
+            flowCode: flowDetail.flowCode,
+            instanceId: flowDetail.instanceId,
+            nodeId: flowDetail.currentNodeId,
+            taskId: flowDetail.taskId,
+            appVersion: flowDetail.flowVersion,
+            variableInfos: ControlModelUtils.translateVariableInfos(pageFormData.current, pageInfo) || [],
+        };
+        params.variableInfos = ControlModelUtils.convertVariableInfosFormat(params.variableInfos);
+        postApprovalFlow({ ...params, AppCode: flowDetail.startAppCode }, { callWedaApi })
+            .then((res) => {
+            if (res) {
+                message.success({
+                    content: '保存草稿成功',
+                });
+                onFinishFlowAction({ handleType: ACTION_TYPE.SAVE_DRAFT });
+            }
+        })
+            .catch(() => {
+            message.error({ content: '保存失败' });
+        });
+    };
+    const onTriggerFlowEvent = (data) => {
+        setSubmitApplyLoading(true);
+        if (!pageFormData.current) {
+            message.warning({
+                content: '请检查申请信息是否填写完整',
+            });
+            setSubmitApplyLoading(false);
+            return;
+        }
+        setSubmitLoading(true);
+        const params = {
+            buttonAction: ACTION_TYPE_MAP[handleType],
+            ccUserIds: (ccUsers === null || ccUsers === void 0 ? void 0 : ccUsers.length)
+                ? ccUsers.map(({ value }) => value).join(',')
+                : undefined,
+            flowCode: flowDetail.flowCode,
+            instanceId: flowDetail.instanceId,
+            nodeId: flowDetail.currentNodeId,
+            taskId: flowDetail.taskId,
+            // turnToUserId: data.turnToUserId,
+            appVersion: flowDetail.flowVersion,
+            variableInfos: ControlModelUtils.translateVariableInfos(pageFormData.current, pageInfo) || [],
+            ...data,
+        };
+        params.variableInfos = ControlModelUtils.convertVariableInfosFormat(params.variableInfos);
+        postApprovalFlow({ ...params, AppCode: flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.startAppCode }, { callWedaApi })
+            .then((res) => {
+            var _a;
+            if (res) {
+                sessionStorage.removeItem('FlowActionsMobile');
+                if (res.toBeSubmittedFlowTaskFlag) {
+                    handleTypeRef.current = ACTION_TYPE.SELECT_NEXT_APPROVER;
+                    setApproveDrawerVisible(false);
+                    setFlowTaskInfoModalVisible(res === null || res === void 0 ? void 0 : res.toBeSubmittedFlowTaskFlag);
+                    setFlowTaskInfoList((res === null || res === void 0 ? void 0 : res.toBeSubmittedFlowTaskInfo) || []);
+                    const tempArr = [];
+                    (_a = res === null || res === void 0 ? void 0 : res.toBeSubmittedFlowTaskInfo) === null || _a === void 0 ? void 0 : _a.forEach((item) => {
+                        tempArr.push(item.waitFlowTaskId);
+                    });
+                    setAllInfos(tempArr);
+                    // eslint-disable-next-line rulesdir/no-timer
+                    setTimeout(() => {
+                        completeFlowTask(tempArr);
+                    }, 600000);
+                }
+                else {
+                    setApproveDrawerVisible(false);
+                    onFinishFlowAction();
+                }
+            }
+        })
+            .catch((error) => {
+            message.error({ content: error.message || '请求出错' });
+        })
+            .finally(() => {
+            setSubmitLoading(false);
+            setSubmitApplyLoading(false);
+        });
+    };
+    const onCloseFlowTaskInfoModal = () => {
+        completeFlowTask(allInfos);
+    };
+    const completeFlowTask = (allUser) => {
+        postFlowTaskList({
+            flowTaskIds: flowTaskIds.length ? flowTaskIds : allUser,
+        }, { callWedaApi }).then((res) => {
+            if (res.status) {
+                onFlowTaskInfoModalVisibleChange();
+                onFinishFlowAction();
+            }
+        });
+    };
+    /** 返回流程中心 */
+    const onBackFlowCenter = () => {
+        ControlModelUtils.navigateToFlowCenter();
+    };
+    /** 完成流程动作后的事件 */
+    const onFinishFlowAction = async (params) => {
+        const { handleType } = params || {};
+        const currentHandleType = handleType || handleTypeRef.current;
+        const customizeFinishActionName = ACTION_FINISH_MAP === null || ACTION_FINISH_MAP === void 0 ? void 0 : ACTION_FINISH_MAP[currentHandleType];
+        const customizeFinishAction = events === null || events === void 0 ? void 0 : events[customizeFinishActionName];
+        if (customizeFinishAction) {
+            // 当前动作不是加签的话，需要切换URL参数
+            if (currentHandleType !== ACTION_TYPE.ADD_ASSIGNEE) {
+                // 默认切换页面类型为【我已处理】
+                let newPageType = 'DONE';
+                // 提交后需要切换页面类型为【我发起的】
+                if (currentHandleType === ACTION_TYPE.SUBMIT) {
+                    newPageType = 'CREATE';
+                }
+                // 保存草稿后切换页面类型为【草稿箱】
+                if (currentHandleType === ACTION_TYPE.SAVE_DRAFT) {
+                    newPageType = 'DRAFT';
+                }
+                ControlModelUtils.updateUrlSearch({ pageType: newPageType });
+            }
+            // 重新加载数据
+            reload();
+            // 执行自定义事件
+            customizeFinishAction === null || customizeFinishAction === void 0 ? void 0 : customizeFinishAction();
+        }
+    };
+    return {
+        userModalVisible,
+        approveDrawerVisible,
+        submitApplyLoading,
+        submitLoading,
+        handleType,
+        flowTaskInfoModalVisible,
+        flowTaskInfoList,
+        allInfos,
+        flowTaskIds,
+        ccUserModelVisible,
+        ccUsers,
+        ifSubmitAndCc,
+        setUserModalVisible,
+        setCcUsers,
+        setCcUserModelVisible,
+        onAddCounterSign,
+        onControlChick,
+        onApproveDrawerVisibleChange,
+        onUserModalVisibleChange,
+        onTriggerFlowEvent,
+        onFlowTaskInfoModalVisibleChange,
+        setFlowTaskIds,
+        onSaveDraft,
+        onCloseFlowTaskInfoModal,
+        onBackFlowCenter,
+        onFinishFlowAction,
+    };
+};

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

@@ -0,0 +1,86 @@
+import { useState, useEffect } from 'react';
+import { postApprovalSign } from '../../../services';
+import { ACTION_TYPE } from '../constants';
+export const useMobileModel = (params, controlModel) => {
+    const { safeJsonParse, callWedaApi } = params.flowLocalProps;
+    const { setCcUsers, onFinishFlowAction } = controlModel;
+    const [showMoreAction, setShowMoreAction] = useState(false);
+    const [userSelectModelVisible, setUserSelectModelVisible] = useState(false);
+    const [userSelectApproveField, setUserSelectApproveField] = useState('');
+    const [userSelectMode, setUserSelectMode] = useState('');
+    const [fileList, setFileList] = useState([]);
+    const [approvers, setApprovers] = useState([]);
+    const [approver, setApprover] = useState('');
+    const [opinionUserMap, setOpinionUserMap] = useState({});
+    const [highlightPositionMap, setHighlightPositionMap] = useState({});
+    const [loadingAssign, setLoadingAssign] = useState(false);
+    useEffect(() => {
+        if (!userSelectModelVisible) {
+            const popupData = sessionStorage.getItem('FlowActionsMobile');
+            const hasSignSubmit = sessionStorage.getItem('hasSignSubmit');
+            const ccUserFormStorage = safeJsonParse(sessionStorage.getItem('ccUsers'));
+            if (popupData) {
+                const pageActionData = safeJsonParse(popupData);
+                const { opinionUserMap, highlightPositionMap, approver, approvers, fileList, ccUsers, } = pageActionData;
+                setApprover(approver || []);
+                setApprovers(approvers || []);
+                setOpinionUserMap({ ...opinionUserMap });
+                setHighlightPositionMap({ ...highlightPositionMap });
+                setApprover(approver);
+                setApprovers(approvers);
+                setFileList(fileList);
+                if (ccUsers) {
+                    setCcUsers(ccUserFormStorage.map((user) => ({
+                        value: user.UserId,
+                        text: user.Name,
+                    })));
+                }
+                if (hasSignSubmit) {
+                    setLoadingAssign(true);
+                    const assigneeIds = pageActionData === null || pageActionData === void 0 ? void 0 : pageActionData.assigneeIds;
+                    postApprovalSign({ ...pageActionData, assigneeIds }, { callWedaApi }).then((res) => {
+                        if (res === null || res === void 0 ? void 0 : res.status) {
+                            setLoadingAssign(false);
+                            sessionStorage.removeItem('FlowActionsMobile');
+                            sessionStorage.removeItem('hasSignSubmit');
+                            onFinishFlowAction({
+                                handleType: ACTION_TYPE.ADD_ASSIGNEE,
+                            });
+                        }
+                    });
+                }
+            }
+        }
+    }, [userSelectModelVisible]);
+    const onUserSelectModelVisibleChange = () => {
+        setUserSelectModelVisible(!userSelectModelVisible);
+    };
+    const onShowMoreVisibleChange = () => {
+        setShowMoreAction(!showMoreAction);
+    };
+    const onUserSelectModalInfoChange = ({ approveField, mode }) => {
+        setUserSelectApproveField(approveField);
+        setUserSelectMode(mode);
+    };
+    return {
+        showMoreAction,
+        userSelectModelVisible,
+        userSelectApproveField,
+        userSelectMode,
+        approver,
+        approvers,
+        fileList,
+        opinionUserMap,
+        highlightPositionMap,
+        loadingAssign,
+        setUserSelectModelVisible,
+        setFileList,
+        setApprovers,
+        setApprover,
+        setOpinionUserMap,
+        setHighlightPositionMap,
+        onShowMoreVisibleChange,
+        onUserSelectModelVisibleChange,
+        onUserSelectModalInfoChange,
+    };
+};

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,9 @@
+.model-flow-layout {
+  height: auto !important;
+}
+.model-flow-layout .wedatea2td-layout__content {
+  background-color: #fff;
+}
+
+/*# sourceURL=webpack://./src/web/components/flow/modules/layout/index.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mbG93L21vZHVsZXMvbGF5b3V0L2luZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLHVCQUF1QjtBQUN6QjtBQUNBO0VBQ0Usc0JBQXNCO0FBQ3hCIiwic291cmNlc0NvbnRlbnQiOlsiLm1vZGVsLWZsb3ctbGF5b3V0IHtcbiAgaGVpZ2h0OiBhdXRvICFpbXBvcnRhbnQ7XG59XG4ubW9kZWwtZmxvdy1sYXlvdXQgLndlZGF0ZWEydGQtbGF5b3V0X19jb250ZW50IHtcbiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjtcbn1cbiJdLCJzb3VyY2VSb290IjoiIn0= */

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" },
+                                "\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;