@cloudbase/weda-ui 3.5.2-mp → 3.5.3

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

@@ -0,0 +1,87 @@
+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,
+            // 这两个内部数据是动态的业务数据，不能进行首字母小写转换
+            lowerResultCaseIgnoreKeys: ['FieldValueMap', 'FieldValueMapList'],
+        });
+        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.d.ts

@@ -0,0 +1,22 @@
+import { IFlowModuleName } from './request-hub';
+import { ICommonFlowData } from './types';
+/** 流程通用接口请求hook参数类型 */
+export interface IUseCommonFlowDataProps {
+    /** 模块名称 */
+    moduleName: IFlowModuleName;
+    /** 请求成功后回调 */
+    success: (data: unknown) => void;
+    /** 公共数据加载后的回调 */
+    commonDataLoaded?: (data: ICommonFlowData) => void;
+}
+/** 流程通用接口请求hook */
+export declare function useCommonFlowData(params: IUseCommonFlowDataProps): {
+    commonFlowData: {
+        approvalPageDetail: import("./types").IApprovalPageDetail;
+        objectMap: {};
+        objectListMap: {};
+        processInstance: import("./types").IProcessInstance;
+    };
+    reloadCommonFlowData: (newPageType: string) => void;
+    commonFlowLoading: boolean;
+};

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.d.ts

@@ -0,0 +1,45 @@
+/** 流程实例预览数据 用于组件在微搭编辑器设计态的预览 */
+export declare const describeProcessInstancePreviewData: {
+    InstanceId: string;
+    Name: string;
+    Description: string;
+    StartedBy: string;
+    StartUserId: number;
+    CurrentApprover: string;
+    CurrentApproverName: string;
+    StartTime: number;
+    IsCompleted: boolean;
+    StartAppCode: string;
+    StartAppName: string;
+    CurrentNodeId: string;
+    CurrentNodeName: string;
+    CurrentNodeType: number;
+    TaskId: string;
+    TaskStatus: number;
+    FlowCode: string;
+    FlowVersion: string;
+    Flag: number;
+    CanApprove: boolean;
+    CanDelete: boolean;
+    TenantZoneId: string;
+    OperationName: string;
+    UserTaskType: number;
+    UserExtraInfos: any[];
+};
+/** 流程设计器预览数据 用于组件在微搭编辑器设计态的预览 */
+export declare const getApprovalPageDetailPreviewData: {
+    PageUrl: string;
+    AppCode: string;
+    Show: boolean;
+    ShowSubmitApp: boolean;
+    ShowCarbonCopy: boolean;
+    ShowTurnToPerson: boolean;
+    ShowAddAssignee: boolean;
+    ShowRollBack: boolean;
+    OutEntityCodes: any[];
+    Buttons: {
+        '1': string;
+        '2': string;
+    };
+    DataSourceInputParams: any[];
+};

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.d.ts

@@ -0,0 +1,52 @@
+import EventEmitter from 'eventemitter3';
+export type IFlowModuleName = 'flow-basic' | 'flow-process' | 'flow-chart' | 'flow-control' | 'flow-layout';
+/**
+ * 流程各个组件的请求控制中心
+ * @description
+ * - 管理五个流程组件中公用的后端流程数据，只进行一次请求，将请求结果发送到流程中五个组件内部
+ */
+export declare class FlowCommonRequestInstance {
+    /** 请求状态 */
+    requestState: 'init' | 'loading' | 'loaded' | 'reload';
+    /** 数据接收状态 */
+    receivedState: Record<IFlowModuleName, boolean>;
+    /** 模块卸载状态 */
+    moduleMountState: Record<IFlowModuleName, boolean>;
+    /** 消息通知实体 */
+    messageHub: EventEmitter;
+    /** 公用数据缓存 */
+    cacheData: unknown | null;
+    /** 流程请求单例 */
+    static flow: FlowCommonRequestInstance | null;
+    static getFlow(): FlowCommonRequestInstance;
+    /** 初始化模块信息，为模块卸载状态注册初始化标记 */
+    initModule(moduleName: IFlowModuleName): void;
+    /**
+     * 模块销毁
+     * @description 模块对应的UI组件卸载之后，需要标记到`moduleMountState`中，当所有模块对应组件都被卸载，则将此实例属性重置
+     */
+    destroyModule(moduleName: IFlowModuleName): void;
+    /**
+     * 流程请求控制
+     * @description
+     *  - 当请求状态是loading，执行return 避免重复请求
+     *  - 当请求状态是loaded，发送已请求的缓存数据
+     */
+    request(moduleName: IFlowModuleName, callback: () => Promise<unknown>, loadingCallback?: () => void): void;
+    /**
+     * 重新请求数据
+     */
+    reload(moduleName: IFlowModuleName, callback: () => Promise<unknown>, loadingCallback?: () => void): void;
+    /**
+     * 数据请求成功后的回调
+     */
+    requestSuccess(data: unknown): void;
+    /**
+     * 向各个模块发送数据
+     */
+    send(data: unknown): void;
+    /**
+     * 模块接收数据
+     */
+    listen(moduleName: IFlowModuleName, callback: (data: unknown) => void): void;
+}

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.d.ts

@@ -0,0 +1,74 @@
+import { getCommonFlowData } from './flow-get';
+/** 公共流程数据 */
+export type ICommonFlowData = Awaited<ReturnType<typeof getCommonFlowData>>;
+/** 获取流程实例出参类型 */
+export interface IProcessInstance {
+    instanceId: string;
+    name?: string;
+    description?: string;
+    startedBy?: string;
+    startUserId?: number;
+    currentApprover?: string;
+    currentApproverName?: string;
+    startTime?: number;
+    isCompleted?: boolean;
+    startAppCode?: string;
+    startAppName?: string;
+    currentNodeId?: string;
+    currentNodeName?: string;
+    currentNodeType?: number;
+    taskId?: string;
+    taskStatus?: number;
+    flowCode?: string;
+    flowVersion?: string;
+    flag?: number;
+    canApprove?: boolean;
+    canDelete?: boolean;
+    tenantZoneId?: string;
+    operationName?: string;
+    userTaskType?: number;
+    userExtraInfos?: unknown[];
+    endTime?: number;
+    ccId?: string;
+}
+/** 获取审批页面设计器出参类型 */
+export interface IApprovalPageDetail {
+    pageUrl?: string;
+    variableInfos?: {
+        objectListMap?: {
+            entityCode: string;
+            outputKey: string;
+            fieldValueMapList: Record<string, unknown>[];
+        }[];
+        objectMap?: {
+            entityCode: string;
+            recordId: string;
+            outputKey: string;
+            fieldValueMap: Record<string, unknown>;
+        }[];
+    };
+    appCode?: string;
+    show?: boolean;
+    showRevoke?: boolean;
+    showSubmitApp?: boolean;
+    showCarbonCopy?: boolean;
+    showTurnToPerson?: boolean;
+    showAddAssignee?: boolean;
+    showRollBack?: boolean;
+    buttons?: Record<number, string>;
+    dataSourceInputParams?: {
+        recordId: string;
+        entityCode: string;
+        flag: boolean;
+        paramCode: string;
+        scope: string;
+        name: string;
+        fieldValueMap: Record<string, unknown>;
+        appCode: number;
+        fieldType: string;
+    }[];
+    outEntityCodes?: {
+        entityCode: string;
+        type: string;
+    }[];
+}

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

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

package/dist/web/components/flow/common/hooks/useElementMediaQuery.d.ts

@@ -0,0 +1,6 @@
+/**
+ * 元素媒体查询
+ * @description 这里包含屏幕宽度的判断 以及元素本身大小的监听
+ * 流程组件可以拖动到不同布局容器中，届有可能屏幕虽然是宽屏，但所占宽度很小，故针对此情况进行判断 从而进行不同样式的展示
+ */
+export declare function useElementMediaQuery(element: Element, maxWidth?: number): boolean;

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.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { IWedaPlatformProps } from '../../common';
+import { IUseCommonFlowDataProps } from './useCommonFlowData';
+export interface IUseFlowConfigParams {
+    /** 模块名称 */
+    moduleName: IUseCommonFlowDataProps['moduleName'];
+    /** 微搭平台自定义属性 */
+    wedaPlatformProps: IWedaPlatformProps;
+    /** 流程公共数据加载完毕后的回调 */
+    commonDataLoaded?: IUseCommonFlowDataProps['commonDataLoaded'];
+}
+export type IUseFlowConfig = ReturnType<typeof useFlowConfig>;
+/** 流程配置hook */
+export declare function useFlowConfig(params: IUseFlowConfigParams): {
+    /** 组件容器实例 */
+    elementRef: import("react").MutableRefObject<undefined>;
+    /** 是否是h5 */
+    isH5: boolean;
+    /** 当前页面类型 */
+    currentPageType: string;
+    /** 审批页面设计器详情 */
+    approvalPageDetail: import("./useCommonFlowData/types").IApprovalPageDetail;
+    /** 审批实例详情 */
+    processInstance: import("./useCommonFlowData/types").IProcessInstance;
+    /** 审批请求加载状态 */
+    commonFlowLoading: boolean;
+    /** 重新加载审批公用数据 */
+    reloadCommonFlowData: (newPageType: string) => void;
+    /** 更新地址栏页面类型 */
+    updatePageType: (pageType: string) => void;
+    /** 更新流程表单读写类型 */
+    updateFlowFormType: (type: "create" | "read") => void;
+};

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.d.ts

@@ -0,0 +1,6 @@
+import { ICommonFlowData } from './useCommonFlowData/types';
+/** 处理流程表单加载逻辑 */
+export declare function useFlowFormLoad(flowLoad: (data: unknown) => void, updatePageType: (pageType: string) => void): {
+    loadFlowFormData: (data: ICommonFlowData, currentPageType: string) => void;
+    updateFlowFormType: (type: 'read' | 'create') => void;
+};