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

package/dist/web/components/flow/common/hooks/useCommonFlowData/flow-get.js

@@ -0,0 +1,83 @@
+import { flowRequest } from '../../request';
+import { describeProcessInstancePreviewData, getApprovalPageDetailPreviewData, } from './preview-data';
+/** 合并获取流程实例请求和审批页面设计器请求 */
+export async function getCommonFlowData(flowTaskId, pageType) {
+    const processInstance = await describeProcessInstance(flowTaskId, pageType);
+    const approvalPageDetailInfo = await getApprovalPageDetail(processInstance, pageType);
+    return {
+        processInstance,
+        ...approvalPageDetailInfo,
+    };
+}
+/** 获取流程实例信息 */
+async function describeProcessInstance(flowTaskId, pageType) {
+    try {
+        const result = await flowRequest({
+            action: 'DescribeProcessInstance',
+            data: { flowTaskId, pageType },
+        }, { previewData: describeProcessInstancePreviewData });
+        return result;
+    }
+    catch (error) {
+        return {};
+    }
+}
+/** 获取审批页面设计器信息 */
+async function getApprovalPageDetail(processInstance, pageType) {
+    const defaultValue = {
+        approvalPageDetail: {},
+        objectMap: {},
+        objectListMap: {},
+    };
+    if (!processInstance.instanceId)
+        return defaultValue;
+    try {
+        const result = await flowRequest({
+            action: 'GetApprovalPageDetail',
+            data: {
+                instanceId: processInstance === null || processInstance === void 0 ? void 0 : processInstance.instanceId,
+                flowCode: processInstance === null || processInstance === void 0 ? void 0 : processInstance.flowCode,
+                nodeId: processInstance === null || processInstance === void 0 ? void 0 : processInstance.currentNodeId,
+                id: processInstance === null || processInstance === void 0 ? void 0 : processInstance.ccId,
+                appVersion: processInstance === null || processInstance === void 0 ? void 0 : processInstance.flowVersion,
+                isCompleted: processInstance === null || processInstance === void 0 ? void 0 : processInstance.isCompleted,
+                pageType,
+                taskId: processInstance === null || processInstance === void 0 ? void 0 : processInstance.taskId,
+            },
+        }, { previewData: getApprovalPageDetailPreviewData });
+        const { objectMap, objectListMap } = translateObjectLikeMap(result);
+        return {
+            approvalPageDetail: result,
+            objectMap,
+            objectListMap,
+        };
+    }
+    catch (error) {
+        return defaultValue;
+    }
+}
+/** 转换类对象列表 */
+function translateObjectLikeMap(approvalPageDetail) {
+    var _a, _b;
+    const currentObjectMap = ((_a = approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.variableInfos) === null || _a === void 0 ? void 0 : _a.objectMap) || [];
+    const currentObjectListMap = ((_b = approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.variableInfos) === null || _b === void 0 ? void 0 : _b.objectListMap) || [];
+    const objectMap = currentObjectMap.reduce((prev, curr) => {
+        if (curr.entityCode) {
+            prev[curr.entityCode] = {
+                ...curr === null || curr === void 0 ? void 0 : curr.fieldValueMap,
+                _id: curr.recordId,
+            };
+        }
+        return prev;
+    }, {});
+    const objectListMap = currentObjectListMap.reduce((prev, curr) => {
+        if (curr.entityCode) {
+            prev[curr.entityCode] = (curr === null || curr === void 0 ? void 0 : curr.fieldValueMapList) || [];
+        }
+        return prev;
+    }, {});
+    return {
+        objectMap,
+        objectListMap,
+    };
+}

package/dist/web/components/flow/common/hooks/useCommonFlowData/index.js

@@ -0,0 +1,67 @@
+import { message } from 'tea-component';
+import { useEffect, useRef, useState } from 'react';
+import { getFlowPageQuery } from '../../utils';
+import { PAGE_TYPE } from '../../constants';
+import { FlowCommonRequestInstance } from './request-hub';
+import { getCommonFlowData } from './flow-get';
+/** 流程通用接口请求hook */
+export function useCommonFlowData(params) {
+    const { moduleName, success, commonDataLoaded } = params;
+    const { flowTaskId, pageType } = getRequestPageQuery();
+    const [commonFlowData, setCommonFlowData] = useState({
+        approvalPageDetail: {},
+        processInstance: {},
+        objectMap: {},
+        objectListMap: {},
+    });
+    const [loading, setLoading] = useState(false);
+    const flowRequestRef = useRef();
+    useEffect(() => {
+        flowRequestRef.current = FlowCommonRequestInstance.getFlow();
+        flowRequestRef.current.initModule(moduleName);
+        flowRequestRef.current.listen(moduleName, listenCommonFlowData);
+        flowRequestRef.current.request(moduleName, () => requestCommonFlowData(flowTaskId, pageType), () => setLoading(true));
+        return () => {
+            var _a;
+            (_a = flowRequestRef.current) === null || _a === void 0 ? void 0 : _a.destroyModule(moduleName);
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    /** 请求流程数据 */
+    async function requestCommonFlowData(flowTaskId, pageType) {
+        var _a;
+        if (!flowTaskId && !pageType) {
+            message.error({
+                content: '缺少请求参数, 请检查浏览器地址中是否包含flowTaskId与pageType',
+            });
+            setLoading(false);
+            success({});
+            return;
+        }
+        const data = await getCommonFlowData(flowTaskId, pageType);
+        (_a = flowRequestRef.current) === null || _a === void 0 ? void 0 : _a.requestSuccess(data);
+        success === null || success === void 0 ? void 0 : success(data);
+    }
+    /** 监听流程数据 */
+    function listenCommonFlowData(data) {
+        setCommonFlowData(data);
+        commonDataLoaded === null || commonDataLoaded === void 0 ? void 0 : commonDataLoaded(data);
+        setLoading(false);
+    }
+    /** 重新请求流程数据 */
+    const reloadCommonFlowData = (newPageType) => {
+        flowRequestRef.current.reload(moduleName, () => requestCommonFlowData(flowTaskId, newPageType || pageType), () => setLoading(true));
+    };
+    return { commonFlowData, reloadCommonFlowData, commonFlowLoading: loading };
+}
+/** 获取用于请求的页面参数 */
+function getRequestPageQuery() {
+    const { flowTaskId, currentPageType } = getFlowPageQuery();
+    return {
+        flowTaskId,
+        // 后端请求流程实例时，如当前浏览器参数中的PageType是CREATEFLOW，需要换成TODO
+        pageType: currentPageType === PAGE_TYPE.CREATEFLOW
+            ? PAGE_TYPE.TO_DO
+            : currentPageType,
+    };
+}

package/dist/web/components/flow/common/hooks/useCommonFlowData/preview-data.js

@@ -0,0 +1,45 @@
+/** 流程实例预览数据 用于组件在微搭编辑器设计态的预览 */
+export const describeProcessInstancePreviewData = {
+    InstanceId: 'previewInstanceId',
+    Name: '示例流程名称',
+    Description: '',
+    StartedBy: '示例流程发起人',
+    StartUserId: 1111000000000000,
+    CurrentApprover: 'previewCurrentApprover',
+    CurrentApproverName: '示例当前审批人',
+    StartTime: 1677589998000,
+    IsCompleted: false,
+    StartAppCode: '1',
+    StartAppName: '',
+    CurrentNodeId: 'testCurrentNodeId',
+    CurrentNodeName: '审批节点',
+    CurrentNodeType: 17,
+    TaskId: 'previewTaskId',
+    TaskStatus: 1,
+    FlowCode: 'previewFlowCode',
+    FlowVersion: '5.0',
+    Flag: 0,
+    CanApprove: true,
+    CanDelete: false,
+    TenantZoneId: '',
+    OperationName: '[{"branchName":"同意","branchType":1,"edgeId":"approvalNode1675849541405_to_endNode"},{"branchName":"拒绝","branchType":2,"edgeId":""}]',
+    UserTaskType: 1,
+    UserExtraInfos: [],
+};
+/** 流程设计器预览数据 用于组件在微搭编辑器设计态的预览 */
+export const getApprovalPageDetailPreviewData = {
+    PageUrl: 'previewPageUrl',
+    AppCode: '1',
+    Show: true,
+    ShowSubmitApp: false,
+    ShowCarbonCopy: true,
+    ShowTurnToPerson: true,
+    ShowAddAssignee: true,
+    ShowRollBack: true,
+    OutEntityCodes: [],
+    Buttons: {
+        '1': '同意',
+        '2': '拒绝',
+    },
+    DataSourceInputParams: [],
+};

package/dist/web/components/flow/common/hooks/useCommonFlowData/request-hub.js

@@ -0,0 +1,125 @@
+import EventEmitter from 'eventemitter3'; // eslint-disable-line
+const EVENT_NAME = 'flow-send-data';
+/**
+ * 流程各个组件的请求控制中心
+ * @description
+ * - 管理五个流程组件中公用的后端流程数据，只进行一次请求，将请求结果发送到流程中五个组件内部
+ */
+export class FlowCommonRequestInstance {
+    constructor() {
+        /** 请求状态 */
+        Object.defineProperty(this, "requestState", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'init'
+        });
+        /** 数据接收状态 */
+        Object.defineProperty(this, "receivedState", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        /** 模块卸载状态 */
+        Object.defineProperty(this, "moduleMountState", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        /** 消息通知实体 */
+        Object.defineProperty(this, "messageHub", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new EventEmitter()
+        });
+        /** 公用数据缓存 */
+        Object.defineProperty(this, "cacheData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+    }
+    static getFlow() {
+        if (!FlowCommonRequestInstance.flow) {
+            FlowCommonRequestInstance.flow = new FlowCommonRequestInstance();
+        }
+        return FlowCommonRequestInstance.flow;
+    }
+    /** 初始化模块信息，为模块卸载状态注册初始化标记 */
+    initModule(moduleName) {
+        this.moduleMountState[moduleName] = true;
+    }
+    /**
+     * 模块销毁
+     * @description 模块对应的UI组件卸载之后，需要标记到`moduleMountState`中，当所有模块对应组件都被卸载，则将此实例属性重置
+     */
+    destroyModule(moduleName) {
+        this.moduleMountState[moduleName] = false;
+        this.receivedState[moduleName] = false;
+        const allUnmount = Object.values(this.moduleMountState).every((state) => !state);
+        if (allUnmount) {
+            this.requestState = 'init';
+            this.moduleMountState = {};
+            this.receivedState = {};
+        }
+        this.messageHub.removeAllListeners();
+    }
+    /**
+     * 流程请求控制
+     * @description
+     *  - 当请求状态是loading，执行return 避免重复请求
+     *  - 当请求状态是loaded，发送已请求的缓存数据
+     */
+    request(moduleName, callback, loadingCallback) {
+        if (this.requestState === 'loaded') {
+            if (!this.receivedState[moduleName]) {
+                this.send(this.cacheData);
+                return;
+            }
+            return;
+        }
+        if (this.requestState === 'loading') {
+            loadingCallback === null || loadingCallback === void 0 ? void 0 : loadingCallback();
+            return;
+        }
+        this.requestState = 'loading';
+        callback === null || callback === void 0 ? void 0 : callback();
+    }
+    /**
+     * 重新请求数据
+     */
+    reload(moduleName, callback, loadingCallback) {
+        this.requestState = 'reload';
+        this.receivedState = {};
+        this.request(moduleName, callback, loadingCallback);
+    }
+    /**
+     * 数据请求成功后的回调
+     */
+    requestSuccess(data) {
+        this.cacheData = data;
+        this.send(data);
+        this.requestState = 'loaded';
+    }
+    /**
+     * 向各个模块发送数据
+     */
+    send(data) {
+        this.messageHub.emit(EVENT_NAME, data);
+    }
+    /**
+     * 模块接收数据
+     */
+    listen(moduleName, callback) {
+        this.messageHub.on(EVENT_NAME, (data) => {
+            if (!this.receivedState[moduleName]) {
+                callback === null || callback === void 0 ? void 0 : callback(data);
+                this.receivedState[moduleName] = true;
+            }
+        });
+    }
+}

package/dist/web/components/flow/common/hooks/useCommonFlowData/types.js

@@ -0,0 +1 @@
+export {};

package/dist/web/components/flow/common/hooks/useElementMediaQuery.js

@@ -0,0 +1,23 @@
+import { useState, useEffect } from 'react';
+import { usePlatform } from '../../../../utils/platform';
+/**
+ * 元素媒体查询
+ * @description 这里包含屏幕宽度的判断 以及元素本身大小的监听
+ * 流程组件可以拖动到不同布局容器中，届有可能屏幕虽然是宽屏，但所占宽度很小，故针对此情况进行判断 从而进行不同样式的展示
+ */
+export function useElementMediaQuery(element, maxWidth = 768) {
+    const [isNarrowElement, setIsNarrowElement] = useState(false);
+    const platform = usePlatform();
+    useEffect(() => {
+        if (element) {
+            const resizeObserver = new ResizeObserver((entries) => {
+                var _a, _b;
+                const width = (_b = (_a = entries === null || entries === void 0 ? void 0 : entries[0]) === null || _a === void 0 ? void 0 : _a.contentRect) === null || _b === void 0 ? void 0 : _b.width;
+                setIsNarrowElement(width < maxWidth);
+            });
+            resizeObserver.observe(element);
+        }
+    }, [element, maxWidth]);
+    const isH5 = platform === 'h5' || isNarrowElement;
+    return isH5;
+}

package/dist/web/components/flow/common/hooks/useFlowConfig.js

@@ -0,0 +1,44 @@
+import { useRef } from 'react';
+import { useElementMediaQuery } from './useElementMediaQuery';
+import { useCommonFlowData, } from './useCommonFlowData';
+import { useFlowFormLoad } from './useFlowFormLoad';
+import { useFlowPageType } from './useFlowPageType';
+/** 流程配置hook */
+export function useFlowConfig(params) {
+    var _a, _b;
+    const elementRef = useRef();
+    /** 处理页面类型 */
+    const { currentPageType, updatePageType } = useFlowPageType();
+    /** 处理公用流程数据请求 */
+    const { commonFlowData, reloadCommonFlowData, commonFlowLoading } = useCommonFlowData({
+        moduleName: params.moduleName,
+        success: (data) => {
+            loadFlowFormData(data, currentPageType);
+        },
+        commonDataLoaded: params.commonDataLoaded,
+    });
+    /** 处理元素媒体查询 */
+    const isH5 = useElementMediaQuery(elementRef.current);
+    /** 处理表单数据加载 */
+    const { loadFlowFormData, updateFlowFormType } = useFlowFormLoad((_b = (_a = params.wedaPlatformProps) === null || _a === void 0 ? void 0 : _a.events) === null || _b === void 0 ? void 0 : _b.flowLoad, updatePageType);
+    return {
+        /** 组件容器实例 */
+        elementRef,
+        /** 是否是h5 */
+        isH5,
+        /** 当前页面类型 */
+        currentPageType,
+        /** 审批页面设计器详情 */
+        approvalPageDetail: commonFlowData.approvalPageDetail,
+        /** 审批实例详情 */
+        processInstance: commonFlowData.processInstance,
+        /** 审批请求加载状态 */
+        commonFlowLoading,
+        /** 重新加载审批公用数据 */
+        reloadCommonFlowData,
+        /** 更新地址栏页面类型 */
+        updatePageType,
+        /** 更新流程表单读写类型 */
+        updateFlowFormType,
+    };
+}

package/dist/web/components/flow/common/hooks/useFlowFormLoad.js

@@ -0,0 +1,64 @@
+import { useRef, useEffect } from 'react';
+import { isInIde, PAGE_TYPE } from '../../common';
+/** 处理流程表单加载逻辑 */
+export function useFlowFormLoad(flowLoad, updatePageType) {
+    const formLoadDataRef = useRef({});
+    const timeRef = useRef(null);
+    useEffect(() => () => {
+        clearTimeout(timeRef.current);
+    }, []);
+    /** 获取表单类型 */
+    const getFormType = (currentPageType) => {
+        const couldWriteForm = [
+            PAGE_TYPE.DRAFT,
+            PAGE_TYPE.TO_DO,
+            PAGE_TYPE.CREATEFLOW,
+        ];
+        return couldWriteForm.includes(currentPageType) || isInIde()
+            ? 'create'
+            : 'read';
+    };
+    /** 获取表单数据 */
+    const getFlowData = (data) => ({
+        initialValues: data.objectMap,
+        objectListValues: data.objectListMap,
+    });
+    /**
+     * 加载表单数据 - 仅在请求数据成功后调用
+     * @description
+     *  回调中会通过后端数据检查任务状态，如果任务状态（taskStatus）大于1（说明当前审批任务已不是待办状态），且当前的浏览器参数页面类型是TODO
+     * 则将当前页面的浏览器参数更新
+     */
+    const loadFlowFormData = (data, currentPageType) => {
+        const flowLoadData = {
+            ...getFlowData(data),
+            formType: getFormType(currentPageType),
+        };
+        formLoadDataRef.current = getFlowData(data);
+        if (currentPageType === PAGE_TYPE.TO_DO &&
+            data.processInstance.taskStatus > 1) {
+            // 将url参数中的pageType更新成Done
+            updatePageType(PAGE_TYPE.DONE);
+            // 设置表单状态为只读
+            flowLoadData.formType = 'read';
+        }
+        flowLoad === null || flowLoad === void 0 ? void 0 : flowLoad(flowLoadData);
+        // eslint-disable-next-line rulesdir/no-timer
+        timeRef.current = setTimeout(() => {
+            // 对于表单中的对象列表中的数据，需要延时加载
+            flowLoad === null || flowLoad === void 0 ? void 0 : flowLoad(flowLoadData);
+            timeRef.current = null;
+        });
+    };
+    /** 更新表单类型 */
+    const updateFlowFormType = (type) => {
+        flowLoad === null || flowLoad === void 0 ? void 0 : flowLoad({
+            ...formLoadDataRef.current,
+            formType: type,
+        });
+    };
+    return {
+        loadFlowFormData,
+        updateFlowFormType,
+    };
+}

package/dist/web/components/flow/common/hooks/useFlowPageType.js

@@ -0,0 +1,49 @@
+import { useState, useEffect } from 'react';
+// eslint-disable-next-line rulesdir/no-phantom-deps
+import EventEmitter from 'eventemitter3';
+import { parse, stringify } from 'querystring';
+import { getFlowPageQuery } from '../utils';
+/** 处理流程PageType的更新 */
+export function useFlowPageType() {
+    const { currentPageType: defaultPageType } = getFlowPageQuery();
+    const [currentPageType, setCurrentPageType] = useState(defaultPageType);
+    useEffect(() => {
+        FlowPageTypeHub.listen((pageType) => setCurrentPageType(pageType));
+        return () => {
+            FlowPageTypeHub.remove();
+        };
+    }, []);
+    /** 更新浏览器参数中的PageType */
+    function updatePageType(pageType) {
+        if (!pageType)
+            return;
+        const { hash, origin, pathname } = location;
+        const currentHash = hash.split('?')[0];
+        const currentSearch = parse(hash.split('?')[1]);
+        const newSearch = stringify({ ...currentSearch, pageType });
+        const newHash = `${currentHash}?${newSearch}`;
+        const newUrl = `${origin}${pathname}${newHash}`;
+        history.pushState('', '', newUrl);
+        FlowPageTypeHub.send(pageType);
+    }
+    return {
+        currentPageType,
+        updatePageType,
+    };
+}
+const messageHub = new EventEmitter();
+const FlowPageTypeHub = {
+    listen(callback) {
+        messageHub.on('flow-page-type', (pageType) => {
+            callback(pageType);
+        });
+    },
+    send(pageType) {
+        messageHub.emit('flow-page-type', pageType);
+    },
+    remove() {
+        if (!messageHub.listenerCount) {
+            messageHub.removeAllListeners();
+        }
+    },
+};

package/dist/web/components/flow/common/index.js

@@ -0,0 +1,6 @@
+export * from './utils';
+export * from './constants';
+export * from './types';
+export * from './components';
+export * from './hooks';
+export * from './request';

package/dist/web/components/flow/common/request.js

@@ -0,0 +1,47 @@
+import { callWedaApi } from '../../../utils/tcb';
+import { isInIde } from './utils';
+/**
+ * 流程请求
+ * @description 基于callWedaApi 封装，主要是处理出入参大小写，以及预览数据
+ */
+export async function flowRequest(params, config) {
+    const { previewData, upperCaseData = true, upperCaseIgnoreKeys, } = config || {};
+    if (isInIde()) {
+        return toTransKeyCase(previewData || {}, 'toLowerCase');
+    }
+    const result = await callWedaApi({
+        ...params,
+        data: toTransKeyCase(params.data, upperCaseData ? 'toUpperCase' : 'toLowerCase', upperCaseIgnoreKeys),
+    });
+    return toTransKeyCase(result, 'toLowerCase');
+}
+/** 转换具体参数的首字母大小写 */
+function toTransKeyCase(target, method, ignoreKeyValues) {
+    const result = {};
+    if (isArray(target)) {
+        return target === null || target === void 0 ? void 0 : target.map((item) => toTransKeyCase(item, method));
+    }
+    if (isObject(target)) {
+        return Object.keys(target).reduce((acc, key) => {
+            const finalKey = transKey(key, method);
+            acc[finalKey] = (ignoreKeyValues === null || ignoreKeyValues === void 0 ? void 0 : ignoreKeyValues.includes(key))
+                ? target[key]
+                : toTransKeyCase(target[key], method);
+            return acc;
+        }, result);
+    }
+    return target;
+}
+/** 转换字符串首字母大小写 */
+function transKey(str, method) {
+    const firstChar = method === 'toLowerCase'
+        ? str.charAt(0).toLowerCase()
+        : str.charAt(0).toUpperCase();
+    return `${firstChar}${str.slice(1)}`;
+}
+function isArray(value) {
+    return Array.isArray(value);
+}
+function isObject(value) {
+    return Object.prototype.toString.call(value) === '[object Object]';
+}

package/dist/web/components/flow/common/types.js

@@ -0,0 +1 @@
+export {};

package/dist/web/components/flow/common/utils.js

@@ -0,0 +1,15 @@
+import { isInIde } from '../../../utils/platform';
+import { safeJsonParse } from '../../../utils/tool';
+import classNames from '../../../utils/classnames';
+import { getPageQuery } from '../../../utils/getPageQuery';
+import { PAGE_TYPE } from './constants';
+/** 获取当前流程页面参数 */
+function getFlowPageQuery() {
+    const { flowTaskId, pageType: queryPageType } = getPageQuery();
+    const currentPageType = isInIde() ? PAGE_TYPE.TO_DO : queryPageType;
+    return {
+        flowTaskId: flowTaskId,
+        currentPageType: currentPageType,
+    };
+}
+export { isInIde, safeJsonParse, classNames, getFlowPageQuery };

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