@cloudbase/weda-ui 3.5.0 → 3.5.2-mp

package/dist/web/components/flow/modules/operations/controls-items/check-list-popup/style.css

@@ -1,26 +0,0 @@
-.weda-flow-checklist-popup {
-  display: flex;
-  flex-direction: column;
-}
-.weda-flow-checklist-body {
-  flex: 1;
-  overflow-y: auto;
-  padding: 0 16px;
-}
-.weda-flow-checklist-body .wedatea2td-form-check-group {
-  display: block;
-}
-.weda-flow-checklist-body .wedatea2td-form-check {
-  border-bottom: 0.5px solid #e7e7e7;
-  padding: 12px 0;
-  position: relative;
-  display: flex;
-  margin: 0 !important;
-}
-
-.weda-flow-checklist-confirm {
-  position: absolute;
-  top: 20px;
-  right: 20px;
-  font-size: 14px;
-}

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal/index.js

@@ -1,20 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Modal, SelectMultiple, Button, Form, Checkbox } from 'tea-component';
-import { FlowCheckListPopup } from '../check-list-popup';
-import { useFlowTaskInfoModel } from './view-model';
-/**
- * 选择下一节点审批人弹窗
- */
-export const FlowTaskInfoModal = (props) => {
-    const { isH5, visible, assigneeOptions, selectedAssignees, setSelectedAssignees, onSubmitTaskIds, } = useFlowTaskInfoModel(props);
-    const renderModal = () => {
-        return (_jsxs(Modal, { visible: visible, caption: props.label, onClose: () => onSubmitTaskIds(), size: "auto", children: [_jsx(Modal.Body, { children: _jsx(Form, { style: { marginBottom: '5px' }, children: _jsx(Form.Item, { label: "\u9009\u62E9\u5904\u7406\u4EBA", children: _jsx(SelectMultiple, { searchable: true, matchButtonWidth: true, appearance: "button", size: "full", style: { width: 300 }, staging: false, options: assigneeOptions, value: selectedAssignees, onChange: (value) => setSelectedAssignees(value) }) }) }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { type: "primary", onClick: () => onSubmitTaskIds(false), disabled: !selectedAssignees.length, children: "\u786E\u5B9A" }), _jsx(Button, { type: "weak", onClick: () => onSubmitTaskIds(), children: "\u53D6\u6D88" })] })] }));
-    };
-    const renderPopup = () => {
-        return (_jsx(FlowCheckListPopup, { visible: visible, onClose: () => onSubmitTaskIds(), title: props.label, overlayStyle: { zIndex: 998 }, height: 550, confirmButtonProps: {
-                disabled: !selectedAssignees.length,
-                onClick: () => onSubmitTaskIds(false),
-            }, children: _jsx(Checkbox.Group, { value: selectedAssignees, onChange: (value) => setSelectedAssignees(value), layout: "column", children: assigneeOptions.map((option) => (_jsx(Checkbox, { name: option.value, children: option.text }, option.value))) }) }));
-    };
-    return _jsxs(_Fragment, { children: [" ", isH5 ? renderPopup() : renderModal()] });
-};

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal/view-model.js

@@ -1,119 +0,0 @@
-import { useRef, useEffect, useState } from 'react';
-import { flowRequest } from '../../../../common';
-/**
- * 下一节点审批人model
- */
-export function useFlowTaskInfoModel(params) {
-    const { isH5 } = params.flowModulesProps;
-    const { onAfterFinishFlowAction } = params.flowControlModel;
-    /** 弹框是否可见 */
-    const [visible, setVisible] = useState(false);
-    /** 审批人列表 */
-    const [assigneeOptions, setAssigneeOptions] = useState([]);
-    /** 审批人 - 任务 映射对象 */
-    const assigneeTasksMapRef = useRef({});
-    /** 集合任务id */
-    const taskIdRef = useRef([]);
-    /** 已选审批人数组 */
-    const [selectedAssignees, setSelectedAssignees] = useState([]);
-    const timer = useRef(null);
-    useEffect(() => {
-        return () => {
-            cleanTiming();
-        };
-    }, []);
-    useEffect(() => {
-        if (params.flowControlModel.triggerFlowTaskInfo) {
-            /** 获取下一节点审批人触发信息 */
-            const { toBeSubmittedFlowTaskInfo } = params.flowControlModel.triggerFlowTaskInfo || {};
-            /** 转化下一节点审批人触发信息 */
-            const { assigneeTasksMap, assigneeOptions, taskIds } = transFlowTaskInfo(toBeSubmittedFlowTaskInfo);
-            setVisible(true);
-            setAssigneeOptions(assigneeOptions);
-            assigneeTasksMapRef.current = assigneeTasksMap;
-            taskIdRef.current = taskIds;
-            timingSubmit();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [params.flowControlModel.triggerFlowTaskInfo]);
-    const cleanTiming = () => {
-        clearTimeout(timer.current);
-    };
-    /** 审批人列表提交 */
-    const submitFlowTaskList = async (flowTaskIds) => {
-        const result = await flowRequest({
-            action: 'SubmitFlowTaskList',
-            data: { flowTaskIds },
-        });
-        if (result === null || result === void 0 ? void 0 : result.status) {
-            setVisible(false);
-            setSelectedAssignees([]);
-            cleanTiming();
-            // 执行完成后自定义动作
-            onAfterFinishFlowAction(params.actionKey, params.afterAction);
-        }
-    };
-    /** 定时提交 */
-    const timingSubmit = () => {
-        // eslint-disable-next-line rulesdir/no-timer
-        timer.current = setTimeout(() => {
-            submitFlowTaskList();
-        }, 600000);
-    };
-    /** 提交按钮动作 */
-    const onSubmitTaskIds = (isCancel = true) => {
-        const selectedTaskIds = getSelectAssigneeTask(assigneeTasksMapRef.current, selectedAssignees);
-        const taskIds = isCancel ? taskIdRef.current : selectedTaskIds;
-        submitFlowTaskList(taskIds);
-    };
-    return {
-        isH5,
-        visible,
-        assigneeOptions,
-        selectedAssignees,
-        setSelectedAssignees,
-        onSubmitTaskIds,
-    };
-}
-/**
- * 转换下一节点审批人任务信息。
- */
-function transFlowTaskInfo(flowTaskInfoList) {
-    return flowTaskInfoList.reduce((result, infoItem) => {
-        const { assignee, assigneeName, waitFlowTaskId } = infoItem;
-        // 设置选择列表options
-        if (!result.assigneeOptions.some((option) => option.value === assignee)) {
-            result.assigneeOptions.push({
-                text: assigneeName,
-                value: assignee,
-            });
-        }
-        /**
-         * 设置审批人 与 任务id 映射
-         * 一个审批人可能会因为并行网关的原因 会有多个任务id。也就是 并行网关下可能会存在两条及以上的审批线路，每个线路都可能会有同一个审批人进行审批
-         * 到时候选审批人的时候把这个人对应的所有任务id都传给后端
-         */
-        if (!result.assigneeTasksMap[assignee]) {
-            result.assigneeTasksMap[assignee] = [];
-        }
-        result.assigneeTasksMap[assignee].push(waitFlowTaskId);
-        // 添加任务id到任务id列表
-        result.taskIds.push(waitFlowTaskId);
-        return result;
-    }, {
-        /** 审批人 与 任务id 映射 */
-        assigneeTasksMap: {},
-        /** 审批人可选项 */
-        assigneeOptions: [],
-        /** 任务id集合 */
-        taskIds: [],
-    });
-}
-/** 获取已选审批人对应的任务 */
-function getSelectAssigneeTask(flowTaskInfoMap, selectedAssignees) {
-    return selectedAssignees.reduce((result, assignee) => {
-        const assigneeTask = flowTaskInfoMap[assignee];
-        result.push(...assigneeTask);
-        return result;
-    }, []);
-}

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal.js

@@ -1,90 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useRef, useEffect, useState } from 'react';
-import { Modal, SelectMultiple, Button, Form, Checkbox } from 'tea-component';
-import { flowRequest } from '../../../common';
-import { FlowCheckListPopup } from './check-list-popup';
-/**
- * 选择下一节点审批人弹窗
- */
-export const FlowTaskInfoModal = (props) => {
-    const { isH5, visible, flowTaskInfoList, selectedTaskIds, setSelectedTaskIds, onSubmitTaskIds, } = useFlowTaskInfoModel(props);
-    const options = flowTaskInfoList.map((item) => ({
-        text: item === null || item === void 0 ? void 0 : item.assigneeName,
-        value: item === null || item === void 0 ? void 0 : item.waitFlowTaskId,
-    }));
-    const renderModal = () => {
-        return (_jsxs(Modal, { visible: visible, caption: props.label, onClose: () => onSubmitTaskIds(), size: "auto", children: [_jsx(Modal.Body, { children: _jsx(Form, { style: { marginBottom: '5px' }, children: _jsx(Form.Item, { label: "\u9009\u62E9\u5904\u7406\u4EBA", children: _jsx(SelectMultiple, { searchable: true, matchButtonWidth: true, appearance: "button", size: "full", style: { width: 300 }, staging: false, options: options, value: selectedTaskIds, onChange: (value) => setSelectedTaskIds(value) }) }) }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { type: "primary", onClick: () => onSubmitTaskIds(false), disabled: !selectedTaskIds.length, children: "\u786E\u5B9A" }), _jsx(Button, { type: "weak", onClick: () => onSubmitTaskIds(), children: "\u53D6\u6D88" })] })] }));
-    };
-    const renderPopup = () => {
-        return (_jsx(FlowCheckListPopup, { visible: visible, onClose: () => onSubmitTaskIds(), title: props.label, overlayStyle: { zIndex: 998 }, height: 550, confirmButtonProps: {
-                disabled: !selectedTaskIds.length,
-                onClick: () => onSubmitTaskIds(false),
-            }, children: _jsx(Checkbox.Group, { value: selectedTaskIds, onChange: (value) => setSelectedTaskIds(value), layout: "column", children: options.map((option) => (_jsx(Checkbox, { name: option.value, children: option.text }, option.value))) }) }));
-    };
-    return _jsxs(_Fragment, { children: [" ", isH5 ? renderPopup() : renderModal()] });
-};
-/** 下一节点审批人model */
-function useFlowTaskInfoModel(params) {
-    const { isH5 } = params.flowModulesProps;
-    const { onAfterFinishFlowAction } = params.flowControlModel;
-    /** 弹框是否可见 */
-    const [visible, setVisible] = useState(false);
-    /** 审批人列表 */
-    const [flowTaskInfoList, setFlowTaskInfoList] = useState([]);
-    /** 已选任务数组 */
-    const [selectedTaskIds, setSelectedTaskIds] = useState([]);
-    const timer = useRef(null);
-    useEffect(() => {
-        return () => {
-            cleanTiming();
-        };
-    }, []);
-    useEffect(() => {
-        if (params.flowControlModel.triggerFlowTaskInfo) {
-            const { toBeSubmittedFlowTaskInfo } = params.flowControlModel.triggerFlowTaskInfo || {};
-            setVisible(true);
-            setFlowTaskInfoList(toBeSubmittedFlowTaskInfo || []);
-            timingSubmit();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [params.flowControlModel.triggerFlowTaskInfo]);
-    const cleanTiming = () => {
-        clearTimeout(timer.current);
-    };
-    /** 审批人列表提交 */
-    const submitFlowTaskList = async (flowTaskIds) => {
-        const result = await flowRequest({
-            action: 'SubmitFlowTaskList',
-            data: { flowTaskIds },
-        });
-        if (result === null || result === void 0 ? void 0 : result.status) {
-            setVisible(false);
-            setSelectedTaskIds([]);
-            cleanTiming();
-            // 执行完成后自定义动作
-            onAfterFinishFlowAction(params.actionKey, params.afterAction);
-        }
-    };
-    /** 定时提交 */
-    const timingSubmit = () => {
-        // eslint-disable-next-line rulesdir/no-timer
-        timer.current = setTimeout(() => {
-            submitFlowTaskList();
-        }, 600000);
-    };
-    /** 提交按钮动作 */
-    const onSubmitTaskIds = (isCancel = true) => {
-        const taskIds = isCancel
-            ? flowTaskInfoList.map((i) => i === null || i === void 0 ? void 0 : i.waitFlowTaskId)
-            : selectedTaskIds;
-        submitFlowTaskList(taskIds);
-    };
-    return {
-        isH5,
-        selectedTaskIds,
-        visible,
-        flowTaskInfoList,
-        setSelectedTaskIds,
-        onSubmitTaskIds,
-    };
-}

package/dist/web/components/flow/modules/operations/controls-items/index.js

@@ -1,18 +0,0 @@
-import { AddAssigneeBtn } from './add-assignee-btn';
-import { ApplyCcBtn } from './apply-cc-btn';
-import { ApprovalDrawer } from './approval-drawer';
-import { CancelApplyBtn } from './cancel-apply-btn';
-import { FlowTaskInfoModal } from './flow-task-info-modal';
-import { InitiationBtn } from './initiation-btn';
-import { RevokeModal } from './revoke-modal';
-import { RollbackModal } from './roll-back-modal';
-export const CONTROL_COMPONENT = {
-    AddAssigneeBtn,
-    ApplyCcBtn,
-    ApprovalDrawer,
-    CancelApplyBtn,
-    FlowTaskInfoModal,
-    InitiationBtn,
-    RevokeModal,
-    RollbackModal,
-};

package/dist/web/components/flow/modules/operations/controls-items/initiation-btn.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { message } from 'tea-component';
-import { FlowButton } from '../components';
-/**
- * 发起阶段按钮、可用于保存草稿和提交申请两个操作
- */
-export function InitiationBtn(props) {
-    const { flowControlModel } = props;
-    const onClick = async () => {
-        var _a;
-        const ccUserIds = (_a = flowControlModel.applyCcUser) === null || _a === void 0 ? void 0 : _a.join();
-        const result = await flowControlModel.getApprovalFormData();
-        if (!result)
-            return;
-        flowControlModel.completeTask({
-            actionKey: props.actionKey,
-            buttonAction: props.buttonAction,
-            afterAction: props.afterAction,
-            data: { ccUserIds },
-            successCallback: () => {
-                message.success({
-                    content: `${props.label}成功`,
-                });
-            },
-        });
-    };
-    return (_jsx(FlowButton, { ...props.buttonProps, buttonIcon: props.buttonIcon, id: props.id, onClick: onClick, children: props.label }));
-}

package/dist/web/components/flow/modules/operations/controls-items/revoke-modal/index.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Button, Modal, message } from 'tea-component';
-import { flowRequest } from '../../../../common';
-import { FlowPopup, FlowButton } from '../../components';
-import './style.css';
-/** 撤回弹窗组件 */
-export function RevokeModal(props) {
-    const { flowModulesProps, flowControlModel } = props;
-    const { isH5, currentPageType, processInstance } = flowModulesProps;
-    const { onAfterFinishFlowAction } = flowControlModel;
-    const [visible, setVisible] = useState(false);
-    const onOpen = () => setVisible(true);
-    const onClose = () => setVisible(false);
-    /** 撤销请求 */
-    const revoke = async () => {
-        const result = await flowRequest({
-            action: 'Revoke',
-            data: {
-                flowCode: processInstance.flowCode,
-                appVersion: processInstance.flowVersion,
-                instanceId: processInstance.instanceId,
-                revokeType: currentPageType === 'CREATE' ? 2 : 1,
-                taskId: currentPageType === 'DONE' ? processInstance.taskId : undefined,
-            },
-        });
-        if (result) {
-            message.success({
-                content: `${props.label}成功`,
-            });
-            onAfterFinishFlowAction(props.actionKey, props.afterAction);
-        }
-    };
-    const renderModal = () => {
-        return (_jsxs(Modal, { visible: visible, caption: "\u64A4\u9500\u6D41\u7A0B\u63D0\u9192", onClose: onClose, children: [_jsx(Modal.Body, { children: "\u6D41\u7A0B\u6B63\u5728\u8FDB\u884C\u4E2D\uFF0C\u786E\u8BA4\u64A4\u9500\u6B64\u6D41\u7A0B\uFF1F" }), _jsxs(Modal.Footer, { children: [_jsx(Button, { type: "primary", onClick: revoke, children: "\u786E\u5B9A" }), _jsx(Button, { type: "weak", onClick: onClose, children: "\u53D6\u6D88" })] })] }));
-    };
-    const renderPopup = () => {
-        return (_jsx(FlowPopup, { visible: visible, onClose: onClose, title: "\u64A4\u9500\u6D41\u7A0B\u63D0\u9192", overlayStyle: { zIndex: 998 }, width: "80%", className: "weda-flow-revoke-popup", children: _jsxs("div", { className: "weda-flow-revoke-tip", children: [_jsx("div", { className: "weda-flow-revoke-content", children: "\u6D41\u7A0B\u6B63\u5728\u8FDB\u884C\u4E2D\uFF0C\u786E\u8BA4\u64A4\u9500\u6B64\u6D41\u7A0B\uFF1F" }), _jsxs("div", { className: "weda-flow-revoke-confirm", children: [_jsx(Button, { type: "text", onClick: onClose, children: "\u53D6\u6D88" }), _jsx(Button, { type: "link", onClick: revoke, children: "\u786E\u8BA4" })] })] }) }));
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(FlowButton, { ...props.buttonProps, buttonIcon: props.buttonIcon, id: props.id, onClick: onOpen, children: props.label }), isH5 ? renderPopup() : renderModal()] }));
-}

package/dist/web/components/flow/modules/operations/controls-items/revoke-modal/style.css

@@ -1,28 +0,0 @@
-.weda-flow-revoke-popup {
-  border-radius: 4px;
-  width: 80%;
-}
-.weda-flow-revoke-content {
-  color: #0009;
-  font-size: 16px;
-  line-height: 24px;
-  max-height: 288px;
-  overflow: auto;
-  padding: 0 24px;
-  text-align: center;
-}
-
-.weda-flow-revoke-confirm {
-  display: flex;
-  border-top: 1px solid #eee;
-  margin-top: 32px;
-}
-
-.weda-flow-revoke-confirm button {
-  width: 50%;
-  height: 56px;
-}
-
-.weda-flow-revoke-confirm button:first-child {
-  border-right: 1px solid #eee;
-}

package/dist/web/components/flow/modules/operations/controls-items/roll-back-modal.js

@@ -1,96 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Button, Modal, Select, Form, Radio, message } from 'tea-component';
-import { flowRequest } from '../../../common';
-import { FlowCheckListPopup } from './check-list-popup';
-/** 回退弹窗 */
-export function RollbackModal(props) {
-    const { visible, isH5, preElementList, selectedNodeId, setSelectedNodeId, onOpen, onClose, rollBack, } = useRollbackModel(props);
-    const renderModal = () => {
-        return (_jsxs(Modal, { visible: visible, caption: '流程回退', onClose: onClose, children: [_jsx(Modal.Body, { children: _jsx(Form, { children: _jsx(Form.Item, { label: '选择回退节点', children: _jsx(Select, { size: "full", appearance: "button", matchButtonWidth: true, options: preElementList, value: selectedNodeId, onChange: (value) => setSelectedNodeId(value), style: { width: 200 } }) }) }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { type: "primary", disabled: (preElementList === null || preElementList === void 0 ? void 0 : preElementList.length) === 0 || !selectedNodeId, onClick: rollBack, children: "\u786E\u5B9A" }), _jsx(Button, { type: "weak", onClick: onClose, children: "\u53D6\u6D88" })] })] }));
-    };
-    const renderPopup = () => {
-        return (_jsx(FlowCheckListPopup, { visible: visible, onClose: onClose, title: "\u8BF7\u9009\u62E9\u56DE\u9000\u8282\u70B9", overlayStyle: { zIndex: 998 }, height: 550, confirmButtonProps: {
-                onClick: rollBack,
-                disabled: (preElementList === null || preElementList === void 0 ? void 0 : preElementList.length) === 0 || !selectedNodeId,
-            }, children: _jsx(Radio.Group, { value: selectedNodeId, onChange: (value) => setSelectedNodeId(value), layout: "column", children: preElementList.map((ele) => (_jsx(Radio, { name: ele.value, children: ele.text }, ele.value))) }) }));
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { ...props.buttonProps, id: props.id, onClick: onOpen, children: props.label }), isH5 ? renderPopup() : renderModal()] }));
-}
-/** 回退model */
-function useRollbackModel(params) {
-    const { flowModulesProps, flowControlModel } = params;
-    const { isH5, processInstance } = flowModulesProps;
-    const { onAfterFinishFlowAction } = flowControlModel;
-    const [visible, setVisible] = useState(false);
-    /** 可回退节点列表 */
-    const [preElementList, setPreElementList] = useState([]);
-    const [selectedNodeId, setSelectedNodeId] = useState('');
-    useEffect(() => {
-        visible && getPreElementList();
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [visible]);
-    const onOpen = () => setVisible(true);
-    const onClose = () => setVisible(false);
-    /** 获取回退节点列表 */
-    const getPreElementList = async () => {
-        const result = await flowRequest({
-            action: 'GetPreElementList',
-            data: {
-                flowCode: processInstance.flowCode,
-                appVersion: processInstance.flowVersion,
-                instanceId: processInstance.instanceId,
-                nodeId: processInstance.currentNodeId,
-            },
-        });
-        if (result === null || result === void 0 ? void 0 : result.data) {
-            const options = [];
-            let lastNodeId = '';
-            result.data.forEach((item) => {
-                if (item.lastNode) {
-                    lastNodeId = item.elementId;
-                }
-                options.push({
-                    ...item,
-                    value: item.elementId,
-                    text: item.elementName,
-                });
-            });
-            setPreElementList(options);
-            setSelectedNodeId(lastNodeId);
-        }
-    };
-    /** 回退请求 */
-    const rollBack = async () => {
-        var _a;
-        const result = await flowRequest({
-            action: 'RollBack',
-            data: {
-                flowCode: processInstance.flowCode,
-                appVersion: processInstance.flowVersion,
-                instanceId: processInstance.instanceId,
-                taskId: processInstance.taskId,
-                nodeId: processInstance.currentNodeId,
-                sourceType: 1,
-                targetNodeId: selectedNodeId,
-                targetActTaskId: (_a = preElementList.find((item) => item.value === selectedNodeId)) === null || _a === void 0 ? void 0 : _a.actTaskId,
-            },
-        }, { previewData: { Status: true } });
-        if (result) {
-            message.success({
-                content: `${params.label}成功`,
-            });
-            onAfterFinishFlowAction(params.actionKey, params.afterAction);
-        }
-    };
-    return {
-        isH5,
-        visible,
-        preElementList,
-        selectedNodeId,
-        setSelectedNodeId,
-        onOpen,
-        onClose,
-        rollBack,
-    };
-}

package/dist/web/components/flow/modules/operations/controls-items/types.js

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

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

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

package/dist/web/components/flow/modules/operations/style.css

@@ -1,20 +0,0 @@
-.weda-flow-control {
-  height: auto;
-  overflow-x: auto;
-  background: #fff;
-  text-align: center;
-  padding: 20px;
-}
-.weda-flow-h5-control {
-  padding: 20px 0px;
-}
-.weda-flow-control-divider {
-  border-top: 0;
-  display: inline-block;
-  margin: 0 12px;
-  border-left: var(--wd-divider-size-border) solid
-    var(--wd-divider-color-border);
-  height: 1em;
-  vertical-align: middle;
-  width: 0;
-}

package/dist/web/components/flow/modules/operations/view-model.js

@@ -1,162 +0,0 @@
-import { useState, useRef } from 'react';
-import { PAGE_TYPE, isInIde, flowRequest, } from '../../common';
-import { FLOW_CONTROL_ACTION_KEY, } from './config';
-/** 流程控制主model, 包含一些公共状态或方法 */
-export function useFlowControlModel(params) {
-    //#region model入参
-    const { processInstance, approvalPageDetail, wedaPlatformProps, updatePageType, reloadCommonFlowData, updateFlowFormType, } = params;
-    const { events } = wedaPlatformProps || {};
-    //#endregion
-    //#region hook
-    /** 提交申请时的抄送列表 */
-    const [applyCcUser, setApplyCcUser] = useState([]);
-    /** 流程是否已回退 */
-    const [hasGoBack, setHasGoBack] = useState(false);
-    /** 触发下一节点审批人操作 */
-    const [triggerFlowTaskInfo, setTriggerFlowTaskInfo] = useState(null);
-    const { formDataRef, ...restFormDateModel } = useFormData(params);
-    //#endregion
-    //#region 流程操作请求
-    /** 提交申请、保存草稿、同意、拒绝、处理、转办  时 调用此请求 */
-    const completeTask = async (value) => {
-        var _a, _b, _c;
-        if (!value.buttonAction)
-            return;
-        const params = {
-            buttonAction: value.buttonAction,
-            flowCode: processInstance.flowCode,
-            instanceId: processInstance.instanceId,
-            nodeId: processInstance.currentNodeId,
-            taskId: processInstance.taskId,
-            appVersion: processInstance.flowVersion,
-            appCode: processInstance === null || processInstance === void 0 ? void 0 : processInstance.startAppCode,
-            variableInfos: translateVariableInfos(formDataRef.current, approvalPageDetail),
-            ...(value.data || {}),
-        };
-        (_a = value === null || value === void 0 ? void 0 : value.setLoadingState) === null || _a === void 0 ? void 0 : _a.call(value, true);
-        const result = await flowRequest({ action: 'CompleteTask', data: params }, { upperCaseIgnoreKeys: ['variableInfos'] });
-        (_b = value === null || value === void 0 ? void 0 : value.setLoadingState) === null || _b === void 0 ? void 0 : _b.call(value, false);
-        // 请求成功后清空审批表单详情数据缓存
-        restFormDateModel.clearFormData();
-        if (result) {
-            (_c = value === null || value === void 0 ? void 0 : value.successCallback) === null || _c === void 0 ? void 0 : _c.call(value);
-            if (result === null || result === void 0 ? void 0 : result.toBeSubmittedFlowTaskFlag) {
-                setTriggerFlowTaskInfo(result);
-            }
-            else {
-                // 执行完成后自定义动作
-                onAfterFinishFlowAction(value.actionKey, value.afterAction);
-            }
-        }
-    };
-    //#endregion
-    //#region 辅助方法
-    /** 完成流程动作后的事件 */
-    function onAfterFinishFlowAction(currentActionKey, afterAction) {
-        const customizeFinishAction = events === null || events === void 0 ? void 0 : events[afterAction];
-        if (customizeFinishAction) {
-            const newPageType = getNewPageType(currentActionKey);
-            updatePageType(newPageType);
-            // 操作类型不是回退的情况才reload数据 回退之后当前流程被销毁 故回退之后不刷新数据
-            if (currentActionKey === FLOW_CONTROL_ACTION_KEY.ROLL_BACK) {
-                setHasGoBack(true);
-                updateFlowFormType('read');
-            }
-            else {
-                // 重新加载数据
-                reloadCommonFlowData(newPageType);
-            }
-            // 执行自定义事件
-            customizeFinishAction === null || customizeFinishAction === void 0 ? void 0 : customizeFinishAction();
-        }
-    }
-    //#endregion
-    return {
-        hasGoBack,
-        applyCcUser,
-        triggerFlowTaskInfo,
-        setApplyCcUser,
-        completeTask,
-        onAfterFinishFlowAction,
-        ...restFormDateModel,
-    };
-}
-/** 处理审批内容表单详情的hook */
-function useFormData(params) {
-    const { events } = (params === null || params === void 0 ? void 0 : params.wedaPlatformProps) || {};
-    // 审批表单详情数据缓存
-    const formDataRef = useRef(null);
-    /**
-     * 获取审批表单详情数据缓存
-     * @returns 返回表单内的数据，返回null说明在ide中或者是表单校验失败
-     */
-    const getApprovalFormData = () => {
-        return new Promise((resolve) => {
-            var _a;
-            if (isInIde()) {
-                resolve(null);
-            }
-            (_a = events === null || events === void 0 ? void 0 : events.tap) === null || _a === void 0 ? void 0 : _a.call(events, {
-                onGetFormData: (formDataMap) => {
-                    if (Object.values(formDataMap).some((item) => item === undefined)) {
-                        resolve(null);
-                    }
-                    formDataRef.current = formDataMap;
-                    resolve(formDataMap);
-                },
-            }, {
-                originEvent: null,
-            });
-        });
-    };
-    /** 清空审批表单详情数据缓存 */
-    const clearFormData = () => {
-        formDataRef.current = null;
-    };
-    return {
-        formDataRef,
-        getApprovalFormData,
-        clearFormData,
-    };
-}
-/** 涉及提交申请表单时，转换variableInfos */
-function translateVariableInfos(currentFormData, approvalPageDetail) {
-    var _a;
-    const outEntityCodes = (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.outEntityCodes) || [];
-    const originObjectMap = ((_a = approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.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 currentFieldValueMap = ((currentFormData === null || currentFormData === void 0 ? void 0 : currentFormData[item === null || item === void 0 ? void 0 : item.entityCode]) ||
-            {});
-        const Value = Object.assign({
-            entityCode: item === null || item === void 0 ? void 0 : item.entityCode,
-            fieldValueMap: {
-                ...(fieldValueMap || {}),
-                ...currentFieldValueMap,
-            },
-        }, recordId ? { recordId } : {});
-        const variableInfo = {
-            Type: item === null || item === void 0 ? void 0 : item.type,
-            Value,
-        };
-        return variableInfo;
-    });
-}
-/** 获取新页面类型 */
-function getNewPageType(currentActionKey) {
-    // 当前是加签的话不进行更新PageType操作
-    if (currentActionKey === FLOW_CONTROL_ACTION_KEY.ADD_ASSIGNEE)
-        return null;
-    // 当前动作不是加签的话，需要切换URL参数 默认切换页面类型为【我已处理】
-    let newPageType = PAGE_TYPE.DONE;
-    // 提交后需要切换页面类型为【我发起的】
-    if (currentActionKey === FLOW_CONTROL_ACTION_KEY.SUBMIT) {
-        newPageType = PAGE_TYPE.CREATE;
-    }
-    // 保存草稿后切换页面类型为【草稿箱】
-    if (currentActionKey === FLOW_CONTROL_ACTION_KEY.SAVE_DRAFT) {
-        newPageType = PAGE_TYPE.DRAFT;
-    }
-    return newPageType;
-}