@cloudbase/weda-ui 3.4.11-alpha.1 → 3.4.12

package/dist/web/components/flow/frame/getCommonFlowData.js

@@ -1,80 +0,0 @@
-import to from 'await-to-js';
-import { fetchProcess, getApprovalPageDetail, fetchInstanceOperation, } from '../services';
-import { PAGE_TYPE } from '../constants';
-import { IFlowDetailProps, IPageInfoProps, } from './types';
-import { CommonFlowDataUtils } from './utils';
-export async function getCommonFlowData(config, flowTaskId) {
-    const { currentPageType } = config;
-    const pageTypeParams = currentPageType === PAGE_TYPE.CREATEFLOW
-        ? PAGE_TYPE.TO_DO
-        : currentPageType;
-    const flowDetail = await getProcessInstance(config, pageTypeParams, flowTaskId);
-    const pageInfo = await getPageInfo(config, flowDetail, pageTypeParams);
-    const flowSteps = await fetchFlowSteps(config, flowDetail);
-    return {
-        flowDetail,
-        ...pageInfo,
-        ...flowSteps,
-    };
-}
-export async function getProcessInstance(config, pageTypeParams, flowTaskId) {
-    const { isWedaIde, callWedaApi } = config;
-    const params = {
-        flowTaskId,
-        pageType: pageTypeParams,
-    };
-    const options = { isWedaIde, callWedaApi };
-    const [err, res] = await to(fetchProcess(params, options));
-    if (!err) {
-        return res;
-    }
-    return new IFlowDetailProps();
-}
-export async function getPageInfo(config, flowDetail, pageType) {
-    const params = {
-        instanceId: flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.instanceId,
-        flowCode: flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.flowCode,
-        nodeId: flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.currentNodeId,
-        id: flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.ccId,
-        appVersion: flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.flowVersion,
-        isCompleted: flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.isCompleted,
-        pageType,
-        taskId: flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.taskId,
-    };
-    const [err, res] = await to(getApprovalPageDetail(params, config));
-    if (!err) {
-        const initialValues = CommonFlowDataUtils.translateObjectMap(res);
-        const objectListValues = CommonFlowDataUtils.translateObjectListMap(res);
-        const { isReadonly } = CommonFlowDataUtils.getFormState(config);
-        const flowLoadData = {
-            initialValues: initialValues || {},
-            objectListValues: objectListValues || {},
-            formType: isReadonly ? 'read' : 'create',
-        };
-        return {
-            pageInfo: res,
-            flowLoadData,
-        };
-    }
-    return {
-        pageInfo: new IPageInfoProps(),
-        flowLoadData: { initialValues: {}, formType: 'read' },
-    };
-}
-export async function fetchFlowSteps(config, flowDetail) {
-    var _a;
-    const [err, res] = await to(fetchInstanceOperation({ instanceId: flowDetail.instanceId }, config));
-    if (!err) {
-        const processData = (res === null || res === void 0 ? void 0 : res.elementInfos) || [];
-        const steps = CommonFlowDataUtils.transProcessData(processData, config.safeJsonParse);
-        const ccUserMaps = ((_a = processData === null || processData === void 0 ? void 0 : processData[0]) === null || _a === void 0 ? void 0 : _a.ccUserMaps) || {};
-        return {
-            steps,
-            ccUserMaps,
-        };
-    }
-    return {
-        steps: [],
-        ccUserMaps: {},
-    };
-}

package/dist/web/components/flow/frame/hooks/index.js

@@ -1,2 +0,0 @@
-export * from './useCommonFlowRequest';
-export * from './useElementMediaQuery';

package/dist/web/components/flow/frame/hooks/useCommonFlowRequest.js

@@ -1,148 +0,0 @@
-import { useEffect, useRef } from 'react';
-import EventEmitter from 'eventemitter3'; // eslint-disable-line
-/** 流程通用接口请求hook */
-export function useCommonFlowRequest({ moduleName, request, onListen, }) {
-    const flowRequestRef = useRef();
-    useEffect(() => {
-        flowRequestRef.current = CommonRequestInstance.getFlow();
-        flowRequestRef.current.initModule(moduleName);
-        flowRequestRef.current.listen(moduleName, onListen);
-        flowRequestRef.current.request(requestData, moduleName);
-        return () => {
-            var _a;
-            (_a = flowRequestRef.current) === null || _a === void 0 ? void 0 : _a.destroyModule(moduleName);
-        };
-    }, []);
-    const requestData = async () => {
-        var _a;
-        const data = await request();
-        (_a = flowRequestRef.current) === null || _a === void 0 ? void 0 : _a.requestSuccess(data);
-    };
-    const reload = () => {
-        flowRequestRef.current.reload(requestData, moduleName);
-    };
-    return { reload };
-}
-const EVENT_NAME = 'flow-send-data';
-/**
- * 流程各个组件的请求控制中心
- * @description
- * - 管理五个流程组件中公用的后端流程数据，只进行一次请求，将请求结果发送到流程中五个组件内部
- */
-class CommonRequestInstance {
-    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 (!CommonRequestInstance.flow) {
-            CommonRequestInstance.flow = new CommonRequestInstance();
-        }
-        return CommonRequestInstance.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(callback, moduleName) {
-        if (this.requestState === 'loaded') {
-            if (!this.receivedState[moduleName]) {
-                this.send(this.cacheData);
-                return;
-            }
-            return;
-        }
-        if (this.requestState === 'loading') {
-            return;
-        }
-        this.requestState = 'loading';
-        callback === null || callback === void 0 ? void 0 : callback();
-    }
-    /**
-     * 重新请求数据
-     */
-    reload(callback, moduleName) {
-        this.requestState = 'reload';
-        this.receivedState = {};
-        this.request(callback, moduleName);
-    }
-    /**
-     * 数据请求成功后的回调
-     */
-    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/frame/hooks/useElementMediaQuery.js

@@ -1,15 +0,0 @@
-import { useState, useEffect } from 'react';
-export function useElementMediaQuery(element, maxWidth = 768) {
-    const [isNarrowElement, setIsNarrowElement] = useState(false);
-    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]);
-    return isNarrowElement;
-}

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

@@ -1,76 +0,0 @@
-import React, { useState, useRef, useMemo } from 'react';
-import { ConfigProvider } from 'tea-component';
-import { useMediaQuery } from '@react-hookz/web';
-import { useGlobalContext } from '../../../utils/hooks/context';
-import { globalContextConnect } from '../../../utils/hooks/globalConnect';
-import { safeJsonParse } from '../../../utils/tool';
-import { PAGE_TYPE } from '../constants';
-import { getCommonFlowData } from './getCommonFlowData';
-import { ICommonFlowDataProps } from './types';
-import { CommonFlowDataUtils, FlowRequest } from './utils';
-import { useCommonFlowRequest, useElementMediaQuery, } from './hooks';
-export * from './types';
-export { CommonFlowDataUtils } from './utils';
-/**
- * 各个模块 通用的高阶函数 返回一个Container组件，包含一些公共属性和逻辑
- */
-export function createModuleFrame(Component, moduleName) {
-    const BaseModuleContainer = (props) => {
-        const { events } = props;
-        const [loading, setLoading] = useState(false);
-        const [commonFlowData, setCommonFlowData] = useState(new ICommonFlowDataProps());
-        const containerRef = useRef();
-        const isH5 = useMediaQuery('(max-width: 1024px)');
-        const isNarrowElement = useElementMediaQuery(containerRef.current, 768);
-        const { IS_WEDA_IDE, callWedaApi } = useGlobalContext();
-        const { currentPageType, flowTaskId } = useMemo(() => {
-            return CommonFlowDataUtils.getCurrentFlowPageQuery(IS_WEDA_IDE);
-        }, [location.hash]);
-        const { reload } = useCommonFlowRequest({
-            moduleName,
-            request: async () => {
-                var _a;
-                setLoading(true);
-                const data = await getCommonFlowData({
-                    ...flowLocalProps,
-                    currentPageType: CommonFlowDataUtils.getCurrentFlowPageQuery(IS_WEDA_IDE)
-                        .currentPageType,
-                }, flowTaskId);
-                setLoading(false);
-                // 当页面类型为TODO时判断任务状态，如果大于1说明当前任务不是待办状态
-                if (currentPageType === PAGE_TYPE.TO_DO &&
-                    data.flowDetail.taskStatus > 1) {
-                    // 将url参数中的pageType更新成Done
-                    CommonFlowDataUtils.updateUrlSearch({ pageType: PAGE_TYPE.DONE });
-                    // 设置表单状态为只读
-                    data.flowLoadData.formType = 'read';
-                }
-                (_a = events === null || events === void 0 ? void 0 : events.flowLoad) === null || _a === void 0 ? void 0 : _a.call(events, data.flowLoadData);
-                return data;
-            },
-            onListen: (data) => {
-                setCommonFlowData(data);
-            },
-        });
-        const setFormType = (type) => {
-            var _a;
-            (_a = events === null || events === void 0 ? void 0 : events.flowLoad) === null || _a === void 0 ? void 0 : _a.call(events, {
-                ...commonFlowData.flowLoadData,
-                formType: type,
-            });
-        };
-        const flowLocalProps = {
-            isH5,
-            isNarrowElement,
-            isWedaIde: IS_WEDA_IDE,
-            currentPageType,
-            callWedaApi,
-            safeJsonParse,
-            flowRequest: new FlowRequest().request(callWedaApi, IS_WEDA_IDE),
-        };
-        return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-            React.createElement("div", { ...props, ref: containerRef },
-                React.createElement(Component, { ide: props, flowLocalProps: flowLocalProps, commonFlowData: commonFlowData, loading: loading, reload: reload, setFormType: setFormType }))));
-    };
-    return globalContextConnect(BaseModuleContainer);
-}

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

@@ -1,277 +0,0 @@
-/** 流程通用数据属性 来源于接口 */
-export class ICommonFlowDataProps {
-    constructor() {
-        Object.defineProperty(this, "flowDetail", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new IFlowDetailProps()
-        });
-        Object.defineProperty(this, "pageInfo", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new IPageInfoProps()
-        });
-        Object.defineProperty(this, "steps", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "ccUserMaps", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "flowLoadData", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-    }
-}
-export class IFlowDetailProps {
-    constructor() {
-        Object.defineProperty(this, "instanceId", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "name", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "description", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "startedBy", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "startUserId", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "currentApprover", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "startTime", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "isCompleted", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "startAppCode", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "startAppName", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "currentNodeId", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "currentNodeName", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "currentNodeType", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 1
-        });
-        Object.defineProperty(this, "taskId", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "flowCode", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "flowVersion", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "flag", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "canApprove", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "canDelete", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "tenantZoneId", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "operationName", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: '[]'
-        });
-        Object.defineProperty(this, "userTaskType", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 1
-        });
-        Object.defineProperty(this, "ccId", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "endTime", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: 0
-        });
-        Object.defineProperty(this, "taskStatus", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "currentApproverName", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-    }
-}
-export class IPageInfoProps {
-    constructor() {
-        Object.defineProperty(this, "pageUrl", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "variableInfos", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "appCode", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: ''
-        });
-        Object.defineProperty(this, "show", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "showRevoke", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "showSubmitApp", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "showCarbonCopy", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "showTurnToPerson", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "showAddAssignee", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "showRollBack", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "buttons", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {}
-        });
-        Object.defineProperty(this, "dataSourceInputParams", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "outEntityCodes", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-    }
-}