@cloudbase/weda-ui 3.4.2 → 3.4.4

package/dist/web/components/flow/modules/control/ControlMobile.css

@@ -0,0 +1,69 @@
+.mf-progress-mb--footer {
+  background: #fff;
+  padding: 20px 0;
+  text-align: center;
+  width: 100%;
+}
+.approval-progress__more--dialog .wedatea2td-dialog__inner {
+  width: 100%;
+  padding: 0;
+  vertical-align: bottom;
+  min-width: 100%;
+  border-radius: 0px;
+}
+@media (max-width: 1024px) {
+  .approval-progress__more--dialog .wedatea2td-dialog__inner {
+    margin: 0;
+  }
+}
+.flow-popup {
+  display: flex;
+  max-height: 400px;
+  flex-direction: column;
+}
+.flow-popup-title {
+  height: 40px;
+  display: flex;
+  flex-shrink: 0;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 16px;
+  font-weight: 400;
+  padding: 0 20px;
+  border-bottom: 1px solid #dcdee6;
+}
+.flow-popup-title .left {
+  color: #666;
+}
+.flow-popup-title .center {
+  font-size: 14px;
+  color: #666;
+}
+.flow-popup-title .right {
+  color: #006eff;
+}
+.flow-popup_mb-group-list {
+  display: flex;
+  align-items: center;
+}
+.flow-popup_mb-group-list span {
+  flex: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.flow-popup_mb-group-list .apa-icon {
+  width: 16px;
+  height: 16px;
+  display: inline-block;
+  vertical-align: middle;
+  background-repeat: no-repeat;
+  background-position: inherit;
+  font-size: 0;
+}
+.flow-popup_mb-group-list .apa-icon-star-fill-active {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IueUu+advyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Iue8lue7hCI+CiAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8cGF0aCBkPSJNOC40NDgzNjgwNCwxLjcwODQ5Mjg4IEwxMC4zNTExNDEsNS41NjM5MzIwMiBMMTAuMzUxMTQxLDUuNTYzOTMyMDIgTDE0LjYwNTg3MDcsNi4xODIxODA0NCBDMTQuODc5MTQzMSw2LjIyMTg4OTI1IDE1LjA2ODQ4MzksNi40NzU2MTA2NyAxNS4wMjg3NzUxLDYuNzQ4ODgzMSBDMTUuMDEyOTYyOCw2Ljg1NzcwMTYyIDE0Ljk2MTcxOTIsNi45NTgyNzI4MiAxNC44ODI5Nzc0LDcuMDM1MDI3MTMgTDExLjgwNDIyNjEsMTAuMDM2MDY4IEwxMS44MDQyMjYxLDEwLjAzNjA2OCBMMTIuNTMxMDIwNywxNC4yNzM2MDU3IEMxMi41Nzc3MDEyLDE0LjU0NTc3MzkgMTIuMzk0OTA3MywxNC44MDQyNTE4IDEyLjEyMjczOSwxNC44NTA5MzI0IEMxMi4wMTQzNjAyLDE0Ljg2OTUyMDggMTEuOTAyODc2MiwxNC44NTE4NjM0IDExLjgwNTU0NTksMTQuODAwNjkzOSBMOCwxMi44IEw4LDEyLjggTDQuMTk0NDU0MDYsMTQuODAwNjkzOSBDMy45NTAwMzE3NywxNC45MjkxOTQzIDMuNjQ3NzE4MTksMTQuODM1MjIxIDMuNTE5MjE3NzgsMTQuNTkwNzk4OCBDMy40NjgwNDgyNSwxNC40OTM0Njg1IDMuNDUwMzkwOTEsMTQuMzgxOTg0NSAzLjQ2ODk3OTMzLDE0LjI3MzYwNTcgTDQuMTk1NzczOTMsMTAuMDM2MDY4IEw0LjE5NTc3MzkzLDEwLjAzNjA2OCBMMS4xMTcwMjI2LDcuMDM1MDI3MTMgQzAuOTE5MjgwODA2LDYuODQyMjc2NTIgMC45MTUyMzQ2NTMsNi41MjU3MTk4OSAxLjEwNzk4NTI2LDYuMzI3OTc4MSBDMS4xODQ3Mzk1Niw2LjI0OTIzNjI4IDEuMjg1MzEwNzcsNi4xOTc5OTI2OSAxLjM5NDEyOTI4LDYuMTgyMTgwNDQgTDUuNjQ4ODU4OTksNS41NjM5MzIwMiBMNS42NDg4NTg5OSw1LjU2MzkzMjAyIEw3LjU1MTYzMTk2LDEuNzA4NDkyODggQzcuNjczODQzMTEsMS40NjA4NjYwNSA3Ljk3MzY1NjAzLDEuMzU5MTk2NTUgOC4yMjEyODI4NiwxLjQ4MTQwNzY5IEM4LjMxOTg4OTE2LDEuNTMwMDcyODEgOC4zOTk3MDI5MiwxLjYwOTg4NjU3IDguNDQ4MzY4MDQsMS43MDg0OTI4OCBaIiBpZD0i5pif5b2iIiBmaWxsPSIjRjRDMDBDIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
+}
+.flow-popup_mb-group-list .apa-icon-star-fill {
+  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IueUu+advyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9Iue8lue7hCI+CiAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHg9IjAiIHk9IjAiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PC9yZWN0PgogICAgICAgICAgICA8cGF0aCBkPSJNOC40NDgzNjgwNCwxLjcwODQ5Mjg4IEwxMC4zNTExNDEsNS41NjM5MzIwMiBMMTAuMzUxMTQxLDUuNTYzOTMyMDIgTDE0LjYwNTg3MDcsNi4xODIxODA0NCBDMTQuODc5MTQzMSw2LjIyMTg4OTI1IDE1LjA2ODQ4MzksNi40NzU2MTA2NyAxNS4wMjg3NzUxLDYuNzQ4ODgzMSBDMTUuMDEyOTYyOCw2Ljg1NzcwMTYyIDE0Ljk2MTcxOTIsNi45NTgyNzI4MiAxNC44ODI5Nzc0LDcuMDM1MDI3MTMgTDExLjgwNDIyNjEsMTAuMDM2MDY4IEwxMS44MDQyMjYxLDEwLjAzNjA2OCBMMTIuNTMxMDIwNywxNC4yNzM2MDU3IEMxMi41Nzc3MDEyLDE0LjU0NTc3MzkgMTIuMzk0OTA3MywxNC44MDQyNTE4IDEyLjEyMjczOSwxNC44NTA5MzI0IEMxMi4wMTQzNjAyLDE0Ljg2OTUyMDggMTEuOTAyODc2MiwxNC44NTE4NjM0IDExLjgwNTU0NTksMTQuODAwNjkzOSBMOCwxMi44IEw4LDEyLjggTDQuMTk0NDU0MDYsMTQuODAwNjkzOSBDMy45NTAwMzE3NywxNC45MjkxOTQzIDMuNjQ3NzE4MTksMTQuODM1MjIxIDMuNTE5MjE3NzgsMTQuNTkwNzk4OCBDMy40NjgwNDgyNSwxNC40OTM0Njg1IDMuNDUwMzkwOTEsMTQuMzgxOTg0NSAzLjQ2ODk3OTMzLDE0LjI3MzYwNTcgTDQuMTk1NzczOTMsMTAuMDM2MDY4IEw0LjE5NTc3MzkzLDEwLjAzNjA2OCBMMS4xMTcwMjI2LDcuMDM1MDI3MTMgQzAuOTE5MjgwODA2LDYuODQyMjc2NTIgMC45MTUyMzQ2NTMsNi41MjU3MTk4OSAxLjEwNzk4NTI2LDYuMzI3OTc4MSBDMS4xODQ3Mzk1Niw2LjI0OTIzNjI4IDEuMjg1MzEwNzcsNi4xOTc5OTI2OSAxLjM5NDEyOTI4LDYuMTgyMTgwNDQgTDUuNjQ4ODU4OTksNS41NjM5MzIwMiBMNS42NDg4NTg5OSw1LjU2MzkzMjAyIEw3LjU1MTYzMTk2LDEuNzA4NDkyODggQzcuNjczODQzMTEsMS40NjA4NjYwNSA3Ljk3MzY1NjAzLDEuMzU5MTk2NTUgOC4yMjEyODI4NiwxLjQ4MTQwNzY5IEM4LjMxOTg4OTE2LDEuNTMwMDcyODEgOC4zOTk3MDI5MiwxLjYwOTg4NjU3IDguNDQ4MzY4MDQsMS43MDg0OTI4OCBaIiBpZD0i5pif5b2iIiBmaWxsPSIjQTJBQ0JEIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
+}

package/dist/web/components/flow/modules/control/ControlMobile.js

@@ -0,0 +1,133 @@
+import React from 'react';
+import { Button, Status, Text, StatusTip } from 'tea-component';
+import { Popup } from 'react-vant';
+import { UserSelectModel } from '../../components';
+import { useControlContext } from './provider';
+import { ACTION_TYPE } from './constants';
+import { ApprovalPopup } from './ApprovalPopup';
+import { ButtonLayout } from './Control';
+import './ControlMobile.css';
+export const FlowControlMobile = (props) => {
+    const { commonFlowData, flowLocalProps, ide } = props;
+    const { pageInfo, flowDetail } = commonFlowData;
+    const { safeJsonParse, currentPageType } = flowLocalProps;
+    const { 
+    // ControlModel
+    submitApplyLoading, showMoreAction, ifSubmitAndCc, ccUsers, onControlChick, onShowMoreVisibleChange, loadingAssign, onBackFlowCenter, 
+    // RevokeModel
+    showRevokeModal, showBackModal, backNodeList, backNode, setShowRevokeModal, doneRevokeFn, doneBackFn, setShowBackModal, getNodeList, setBackNode, onUserSelectModalInfoChange, setUserSelectModelVisible, userSelectApproveField, userSelectModelVisible, userSelectMode, } = useControlContext();
+    const onClickRollBack = async () => {
+        await getNodeList();
+        onShowMoreVisibleChange();
+        setShowBackModal(true);
+    };
+    const onClickAddCcUser = () => {
+        setUserSelectModelVisible(true);
+        onUserSelectModalInfoChange({ approveField: 'ccUsers', mode: 'multiple' });
+    };
+    const buttonActionMap = {
+        showTurnToPerson: {
+            label: '转办',
+            action: (e) => onControlChick(ACTION_TYPE.TRANSFER, e),
+        },
+        showRollBack: {
+            label: '回退',
+            action: async () => {
+                await getNodeList();
+                setShowBackModal(true);
+            },
+        },
+        showAddAssignee: {
+            label: '加签',
+            action: () => {
+                onShowMoreVisibleChange();
+                sessionStorage.setItem('selected', JSON.stringify([]));
+                sessionStorage.setItem('FlowActionsMobile', JSON.stringify({
+                    instanceId: flowDetail.instanceId,
+                    nodeId: flowDetail.currentNodeId,
+                    taskId: flowDetail.taskId,
+                    assigneeIds: [],
+                }));
+                sessionStorage.setItem('last-url', location.href);
+                setUserSelectModelVisible(true);
+                onUserSelectModalInfoChange({
+                    approveField: 'assigneeIds',
+                    mode: 'multiple',
+                });
+            },
+        },
+    };
+    const renderButtonGroup = () => {
+        var _a;
+        if (['CREATE', 'DONE'].includes(currentPageType) && (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showRevoke)) {
+            return (React.createElement("div", { className: "mf-progress-mb--footer" },
+                React.createElement(Button, { type: "primary", onClick: () => setShowRevokeModal(true) }, "\u64A4\u9500")));
+        }
+        if (['DRAFT', 'CREATEFLOW', 'TODO'].includes(currentPageType) &&
+            (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.show)) {
+            return (React.createElement("div", { className: "mf-progress-mb--footer" }, (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) ? (React.createElement(ButtonLayout, { gap: 10 },
+                flowDetail.canDelete ? (React.createElement(Button, { type: "link", onClick: () => onControlChick(ACTION_TYPE.SAVE_DRAFT) }, "\u4FDD\u5B58\u8349\u7A3F")) : null,
+                ifSubmitAndCc ? (React.createElement(Button, { type: "link", onClick: onClickAddCcUser },
+                    "+\u6284\u9001\u4EBA(",
+                    ccUsers.length || 0,
+                    ")")) : null,
+                React.createElement(Button, { type: "primary", loading: submitApplyLoading, onClick: () => onControlChick(ACTION_TYPE.SUBMIT) }, ((_a = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) === null || _a === void 0 ? void 0 : _a[3]) || '提交申请'),
+                flowDetail.canDelete ? (React.createElement(Button, { type: "weak", onClick: onBackFlowCenter }, "\u53D6\u6D88")) : null)) : (React.createElement(ButtonLayout, { gap: 10 },
+                ['showTurnToPerson', 'showRollBack', 'showAddAssignee'].filter((key) => pageInfo[key]).length >= 2 ? (React.createElement(Button, { type: "link", onClick: onShowMoreVisibleChange }, "\u66F4\u591A")) : (['showTurnToPerson', 'showRollBack', 'showAddAssignee']
+                    .filter((key) => pageInfo[key])
+                    .map((key, actionIndex) => {
+                    const { label, action } = buttonActionMap[key];
+                    return (React.createElement(Button, { key: `actionItem-${actionIndex}`, className: "apa-height-xl tea-mr-4n tea-mt-1n", type: "link", onClick: action }, label));
+                })),
+                flowDetail.userTaskType === 2 ? (React.createElement(Button, { type: "primary", style: { flex: 3 }, onClick: (e) => onControlChick(ACTION_TYPE.HANDLE, e) }, flowDetail.operationName)) : (React.createElement(React.Fragment, null,
+                    React.createElement(Button, { onClick: (e) => onControlChick(ACTION_TYPE.REJECT, e) }, (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) ? pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons[2] : '拒绝'),
+                    React.createElement(Button, { type: "primary", onClick: (e) => onControlChick(ACTION_TYPE.AGREE, e) }, (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) ? pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons[1] : '同意')))))));
+        }
+    };
+    return (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    React.createElement("div", { ...ide },
+        renderButtonGroup(),
+        React.createElement(Popup, { className: "cp-mobile-dialog apa-m-overlay approval-progress__more--dialog", visible: showMoreAction, onClose: onShowMoreVisibleChange, 
+            // disableCloseIcon={true}
+            closeIcon: false, position: "bottom" },
+            React.createElement("div", { className: "apa-m-overlay__body" },
+                React.createElement("div", { className: "approval-progress__more--btns" },
+                    (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showTurnToPerson) && (React.createElement("div", { className: "approval-progress__more--btn", onClick: (e) => {
+                            onShowMoreVisibleChange();
+                            onControlChick(ACTION_TYPE.TRANSFER, e);
+                        } },
+                        React.createElement("p", { style: { fontSize: 14 } }, "\u8F6C\u529E"),
+                        React.createElement("p", null,
+                            React.createElement(Text, { theme: "label" }, "\u9009\u62E9\u8F6C\u529E\u4EBA\u5458")))),
+                    (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showRollBack) && (React.createElement("div", { className: "approval-progress__more--btn", onClick: onClickRollBack },
+                        React.createElement("p", { style: { fontSize: 14 } }, "\u56DE\u9000"),
+                        React.createElement("p", null,
+                            React.createElement(Text, { theme: "label" }, "\u56DE\u9000\u81F3\u6307\u5B9A\u8282\u70B9")))),
+                    (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showAddAssignee) && (React.createElement("div", { className: "approval-progress__more--btn", onClick: buttonActionMap.showAddAssignee.action },
+                        React.createElement("p", { style: { fontSize: 14 } }, "\u52A0\u7B7E"),
+                        React.createElement("p", null,
+                            React.createElement(Text, { theme: "label" }, "\u9009\u62E9\u52A0\u7B7E\u4EBA\u5458"))))),
+                React.createElement("div", { className: "approval-progress__more--footer" },
+                    React.createElement(Text, { theme: "label", onClick: onShowMoreVisibleChange }, "\u53D6\u6D88")))),
+        React.createElement(Popup, { className: "confim-popup", visible: showRevokeModal, onClose: () => setShowRevokeModal(false) },
+            React.createElement(React.Fragment, null,
+                React.createElement("h3", { className: "popup-header" }, "\u64A4\u9500\u6D41\u7A0B"),
+                React.createElement("div", { className: "popup-body" }, "\u6D41\u7A0B\u6B63\u5728\u5BA1\u6279\u6D41\u8F6C\u4E2D\uFF0C\u786E\u5B9A\u64A4\u9500\u6D41\u7A0B\uFF1F"),
+                React.createElement("div", { className: "popup-footer" },
+                    React.createElement("span", { onClick: () => setShowRevokeModal(false) }, "\u53D6\u6D88"),
+                    React.createElement("span", { className: "confirm-btn", onClick: doneRevokeFn }, "\u786E\u5B9A")))),
+        React.createElement(Popup, { visible: loadingAssign, className: "assign-modal" },
+            React.createElement(StatusTip, { status: "loading", loadingText: "\u52A0\u7B7E\u4E2D...", style: { color: '#fff' } })),
+        React.createElement(Popup, { className: "flow-popup", visible: showBackModal, position: "bottom", onClose: () => setShowBackModal(false) },
+            React.createElement("h3", { className: "flow-popup-title" },
+                React.createElement("span", { className: "left", onClick: () => setShowBackModal(false) }, "\u53D6\u6D88"),
+                React.createElement("span", { className: "center" }, "\u8BF7\u9009\u62E9\u56DE\u9000\u8282\u70B9"),
+                React.createElement("span", { className: "right", onClick: () => {
+                        doneBackFn();
+                    } }, "\u5B8C\u6210")),
+            (backNodeList === null || backNodeList === void 0 ? void 0 : backNodeList.length) ? (React.createElement("ul", { className: "list-content" }, backNodeList === null || backNodeList === void 0 ? void 0 : backNodeList.map((item) => (React.createElement("li", { key: item.value, className: backNode === item.value ? 'list-checked' : '', onClick: () => setBackNode(item.value) },
+                React.createElement("span", null, item.text)))))) : (React.createElement(Status, { icon: "blank", size: "l", title: "\u6682\u65E0\u53EF\u56DE\u9000\u8282\u70B9" }))),
+        userSelectModelVisible ? (React.createElement(UserSelectModel, { visible: true, approveField: userSelectApproveField, mode: userSelectMode, close: () => setUserSelectModelVisible(false), mobileModel: true, values: ccUsers.map((user) => user.value) })) : null,
+        React.createElement(ApprovalPopup, { pageInfo: pageInfo, flowDetail: flowDetail, safeJsonParse: safeJsonParse })));
+};

package/dist/web/components/flow/modules/control/FlowTaskInfoModal.css

@@ -0,0 +1,3 @@
+.flow_center_next_approve-form_item > .tea-form__controls {
+  width: 100% !important;
+}

package/dist/web/components/flow/modules/control/FlowTaskInfoModal.js

@@ -0,0 +1,31 @@
+import React, { useEffect, useState } from 'react';
+import { Modal, SelectMultiple, Button, Form } from 'tea-component';
+// import { history } from 'umi';
+import { useControlContext } from './provider';
+import './FlowTaskInfoModal.css';
+export const FlowTaskInfoModal = () => {
+    // const { visible, setVisible, flowTaskInfoList, flowTaskIds, setFlowTaskIds, allInfos } = props;
+    const { flowTaskInfoList, flowTaskInfoModalVisible, flowTaskIds, setFlowTaskIds, onCloseFlowTaskInfoModal, } = useControlContext();
+    const [options, setOptions] = useState([]);
+    useEffect(() => {
+        const tempOptions = [];
+        flowTaskInfoList.forEach((item) => {
+            tempOptions.push({
+                text: item === null || item === void 0 ? void 0 : item.assigneeName,
+                value: item === null || item === void 0 ? void 0 : item.waitFlowTaskId,
+                assignee: item === null || item === void 0 ? void 0 : item.assignee,
+            });
+        });
+        setOptions(tempOptions);
+    }, [flowTaskInfoList]);
+    return (React.createElement(Modal, { visible: flowTaskInfoModalVisible, caption: '选择下一节点处理人', onClose: onCloseFlowTaskInfoModal },
+        React.createElement(Modal.Body, null,
+            React.createElement(Form, { style: { marginBottom: '5px' } },
+                React.createElement(Form.Item, { label: '选择处理人', className: "flow_center_next_approve-form_item" },
+                    React.createElement(SelectMultiple, { appearance: "button", size: 'full', searchable: true, matchButtonWidth: true, staging: false, options: options, onChange: (val) => {
+                            setFlowTaskIds(val);
+                        }, value: flowTaskIds })))),
+        React.createElement(Modal.Footer, null,
+            React.createElement(Button, { type: "primary", onClick: onCloseFlowTaskInfoModal }, "\u786E\u5B9A"),
+            React.createElement(Button, { type: "weak", onClick: onCloseFlowTaskInfoModal }, "\u53D6\u6D88"))));
+};

package/dist/web/components/flow/modules/control/constants/index.js

@@ -0,0 +1,35 @@
+export const ACTION_TYPE = {
+    SUBMIT: 'submit',
+    AGREE: 'agree',
+    REJECT: 'reject',
+    TRANSFER: 'transfer',
+    HANDLE: 'handle',
+    SAVE_DRAFT: 'saveDraft',
+    CANCEL_SUBMIT: 'cancelSubmit',
+    GO_BACK: 'goBack',
+    ADD_ASSIGNEE: 'addAssignee',
+    REVOKE: 'revoke',
+    SELECT_NEXT_APPROVER: 'selectNextApprover',
+};
+export const ACTION_TYPE_MAP = {
+    // 提交1  同意/处理2  驳回3  转办4 保存草稿17
+    submit: 1,
+    agree: 2,
+    handle: 2,
+    reject: 3,
+    transfer: 4,
+    saveDraft: 17,
+};
+export const ACTION_FINISH_MAP = {
+    saveDraft: 'afterSavedDraft',
+    submit: 'afterSubmit',
+    cancelSubmit: 'afterCancelSubmit',
+    handle: 'afterHandle',
+    agree: 'afterAgree',
+    reject: 'afterReject',
+    transfer: 'afterTransfer',
+    goBack: 'afterGoBack',
+    addAssignee: 'afterAddAssignee',
+    revoke: 'afterRevoke',
+    selectNextApprover: 'afterSelectNextApprover',
+};

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { FlowControl } from './Control';
+import { FlowControlMobile } from './ControlMobile';
+import { ControlProvider } from './provider';
+import { createModuleFrame } from '../../frame';
+const ModelFlowControl = (props) => {
+    const renderContent = () => {
+        if (props.flowLocalProps.isH5) {
+            return React.createElement(FlowControlMobile, { ...props });
+        }
+        return React.createElement(FlowControl, { ...props });
+    };
+    return React.createElement(ControlProvider, { ...props }, renderContent());
+};
+export default createModuleFrame(ModelFlowControl, 'flow-control');

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

@@ -0,0 +1,17 @@
+import React, { createContext, useContext } from 'react';
+import { useControlModel } from './useControlModel';
+import { useRevokeAndBackHook, } from './useRevokeAndBackHook';
+import { useMobileModel } from './useMobileModel';
+const Context = createContext({});
+export const ControlProvider = (props) => {
+    const control = useControlModel(props);
+    const revoke = useRevokeAndBackHook(props, control);
+    const mobile = useMobileModel(props, control);
+    const value = {
+        ...control,
+        ...revoke,
+        ...mobile,
+    };
+    return React.createElement(Context.Provider, { value: value }, props.children);
+};
+export const useControlContext = () => useContext(Context);

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

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

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

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