@cloudbase/weda-ui 3.4.1 → 3.4.3

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

@@ -0,0 +1,90 @@
+import React from 'react';
+import { Button, Modal, Form, Select } from 'tea-component';
+import classNames from '../../../../utils/classnames';
+import { UserSelectModel } from '../../components';
+import { useControlContext } from './provider';
+import { ACTION_TYPE } from './constants';
+import { ApprovalDrawer } from './ApprovalDrawer';
+import { FlowTaskInfoModal } from './FlowTaskInfoModal';
+import './Control.css';
+export const FlowControl = (props) => {
+    const { commonFlowData, flowLocalProps, ide } = props;
+    const { flowDetail, pageInfo } = commonFlowData;
+    const { isWedaIde, currentPageType } = flowLocalProps;
+    const { 
+    // ControlModel
+    userModalVisible, submitApplyLoading, ccUserModelVisible, ccUsers, ifSubmitAndCc, setCcUsers, setCcUserModelVisible, onControlChick, setUserModalVisible, onUserModalVisibleChange, onAddCounterSign, onBackFlowCenter, 
+    // RevokeModel
+    showRevokeModal, showBackModal, backNodeList, backNode, setShowRevokeModal, doneRevokeFn, doneBackFn, setShowBackModal, getNodeList, setBackNode, } = useControlContext();
+    const onClickGoBack = async () => {
+        await getNodeList();
+        setShowBackModal(true);
+    };
+    const footerClassNames = classNames('mf-progress-footer', {
+        'mf-progress-footer__app-page': !isWedaIde,
+    });
+    const containerClassNames = classNames('page-process__progress', {
+        'page-process__progress__app-page': !isWedaIde,
+    });
+    const renderButtonGroup = () => {
+        var _a, _b;
+        if (['CREATE', 'DONE'].includes(currentPageType) && (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showRevoke)) {
+            return (React.createElement("div", { className: footerClassNames },
+                React.createElement(Button, { type: "weak", onClick: () => setShowRevokeModal(true) }, "\u64A4\u9500")));
+        }
+        if (['DRAFT', 'CREATEFLOW', 'TODO'].includes(currentPageType) &&
+            (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.show)) {
+            if (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) {
+                return (React.createElement("div", { className: footerClassNames },
+                    React.createElement(ButtonLayout, { gap: 10 },
+                        ifSubmitAndCc ? (React.createElement(Button, { type: "link", onClick: () => setCcUserModelVisible(true) },
+                            "+\u6284\u9001\u4EBA(",
+                            ccUsers.length || 0,
+                            ")")) : null,
+                        React.createElement(Button, { type: "primary", loading: submitApplyLoading, onClick: (e) => onControlChick(ACTION_TYPE.SUBMIT, e) }, ((_a = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) === null || _a === void 0 ? void 0 : _a[3]) || '提交申请'),
+                        (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.canDelete) && (React.createElement(React.Fragment, null,
+                            React.createElement(Button, { type: "weak", onClick: (e) => onControlChick(ACTION_TYPE.SAVE_DRAFT, e) }, "\u4FDD\u5B58\u8349\u7A3F"),
+                            React.createElement(Button, { type: "weak", onClick: onBackFlowCenter }, "\u53D6\u6D88"))))));
+            }
+            return (React.createElement("div", { className: footerClassNames },
+                React.createElement(ButtonLayout, null,
+                    (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.userTaskType) === 2 ? (React.createElement(Button, { type: "primary", onClick: (e) => onControlChick(ACTION_TYPE.HANDLE, e) }, flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.operationName)) : (React.createElement(ButtonLayout, { gap: 10 },
+                        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] : '同意'),
+                        React.createElement(Button, { type: "weak", 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] : '拒绝'))),
+                    (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showTurnToPerson) ? (React.createElement(Button, { type: "weak", className: "mf-progress-footer__btn-line", onClick: (e) => onControlChick(ACTION_TYPE.TRANSFER, e) }, "\u8F6C\u529E")) : null,
+                    (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showRollBack) && (React.createElement(Button, { type: "weak", className: "mf-progress-footer__btn-line", onClick: onClickGoBack }, "\u56DE\u9000")),
+                    (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showAddAssignee) && (React.createElement(Button, { type: "weak", className: "mf-progress-footer__btn-line", onClick: onUserModalVisibleChange }, "\u52A0\u7B7E")))));
+        }
+        if (['DRAFT', 'CREATEFLOW'].includes(currentPageType)) {
+            return (React.createElement("div", { className: footerClassNames },
+                React.createElement(Button, { type: "primary", loading: submitApplyLoading, onClick: (e) => onControlChick(ACTION_TYPE.SUBMIT, e) }, ((_b = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) === null || _b === void 0 ? void 0 : _b[3]) || '提交申请'),
+                React.createElement(Button, { type: "weak", onClick: (e) => onControlChick(ACTION_TYPE.SAVE_DRAFT, e) }, "\u4FDD\u5B58\u8349\u7A3F"),
+                React.createElement(Button, { type: "weak", onClick: onBackFlowCenter }, "\u53D6\u6D88")));
+        }
+    };
+    return (
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    React.createElement("div", { ...ide },
+        React.createElement("div", { className: containerClassNames },
+            renderButtonGroup(),
+            React.createElement(Modal, { visible: showBackModal, caption: '流程回退', onClose: () => setShowBackModal(false) },
+                React.createElement(Modal.Body, null,
+                    React.createElement(Form, null,
+                        React.createElement(Form.Item, { label: '选择回退节点' },
+                            React.createElement(Select, { size: "full", appearance: "button", matchButtonWidth: true, options: backNodeList, value: backNode, onChange: (value) => setBackNode(value) })))),
+                React.createElement(Modal.Footer, null,
+                    React.createElement(Button, { type: "primary", disabled: (backNodeList === null || backNodeList === void 0 ? void 0 : backNodeList.length) === 0, onClick: () => doneBackFn() }, "\u786E\u5B9A"),
+                    React.createElement(Button, { type: "weak", onClick: () => setShowBackModal(false) }, "\u53D6\u6D88"))),
+            React.createElement(Modal, { visible: showRevokeModal, caption: '撤销流程提醒', onClose: () => setShowRevokeModal(false) },
+                React.createElement(Modal.Body, null, '流程正在进行中，确认撤销此流程？'),
+                React.createElement(Modal.Footer, null,
+                    React.createElement(Button, { type: "primary", onClick: doneRevokeFn }, "\u786E\u5B9A"),
+                    React.createElement(Button, { type: "weak", onClick: () => setShowRevokeModal(false) }, "\u53D6\u6D88"))),
+            React.createElement(UserSelectModel, { visible: userModalVisible, onChange: (val) => val.length && onAddCounterSign(val), onClose: () => setUserModalVisible(false) }),
+            React.createElement(UserSelectModel, { value: ccUsers, visible: ccUserModelVisible, onChange: (val) => val.length && setCcUsers(val), onClose: () => setCcUserModelVisible(false) }),
+            React.createElement(FlowTaskInfoModal, null),
+            React.createElement(ApprovalDrawer, { pageInfo: pageInfo, flowDetail: flowDetail }))));
+};
+export const ButtonLayout = ({ children, gap }) => {
+    return (React.createElement("div", { className: "mf-progress-footer__btn-group", style: { gap: gap || 0 } }, children));
+};

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

@@ -0,0 +1,72 @@
+.mf-progress-mb--footer {
+  background: #fff;
+  padding: 1.42857rem 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: 0;
+}
+@media (max-width: 1024px) {
+  .approval-progress__more--dialog .wedatea2td-dialog__inner {
+    margin: 0;
+  }
+}
+.flow-popup {
+  display: flex;
+  max-height: 28.57143rem;
+  flex-direction: column;
+}
+.flow-popup-title {
+  height: 2.85714rem;
+  display: flex;
+  flex-shrink: 0;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 1.14286rem;
+  font-weight: 400;
+  padding: 0 1.42857rem;
+  border-bottom: 0.07143rem solid #dcdee6;
+}
+.flow-popup-title .left {
+  color: #666;
+}
+.flow-popup-title .center {
+  font-size: 1rem;
+  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: 1.14286rem;
+  height: 1.14286rem;
+  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==);
+}
+
+/*# sourceURL=webpack://./src/web/components/flow/modules/control/ControlMobile.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mbG93L21vZHVsZXMvY29udHJvbC9Db250cm9sTW9iaWxlLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLGdCQUFnQjtFQUNoQixxQkFBcUI7RUFDckIsa0JBQWtCO0VBQ2xCLFdBQVc7QUFDYjtBQUNBO0VBQ0UsV0FBVztFQUNYLFVBQVU7RUFDVixzQkFBc0I7RUFDdEIsZUFBZTtFQUNmLGdCQUFnQjtBQUNsQjtBQUNBO0VBQ0U7SUFDRSxTQUFTO0VBQ1g7QUFDRjtBQUNBO0VBQ0UsYUFBYTtFQUNiLHVCQUF1QjtFQUN2QixzQkFBc0I7QUFDeEI7QUFDQTtFQUNFLGtCQUFrQjtFQUNsQixhQUFhO0VBQ2IsY0FBYztFQUNkLDhCQUE4QjtFQUM5QixtQkFBbUI7RUFDbkIscUJBQXFCO0VBQ3JCLGdCQUFnQjtFQUNoQixxQkFBcUI7RUFDckIsdUNBQXVDO0FBQ3pDO0FBQ0E7RUFDRSxXQUFXO0FBQ2I7QUFDQTtFQUNFLGVBQWU7RUFDZixXQUFXO0FBQ2I7QUFDQTtFQUNFLGNBQWM7QUFDaEI7QUFDQTtFQUNFLGFBQWE7RUFDYixtQkFBbUI7QUFDckI7QUFDQTtFQUNFLE9BQU87RUFDUCxtQkFBbUI7RUFDbkIsZ0JBQWdCO0VBQ2hCLHVCQUF1QjtBQUN6QjtBQUNBO0VBQ0UsaUJBQWlCO0VBQ2pCLGtCQUFrQjtFQUNsQixxQkFBcUI7RUFDckIsc0JBQXNCO0VBQ3RCLDRCQUE0QjtFQUM1Qiw0QkFBNEI7RUFDNUIsWUFBWTtBQUNkO0FBQ0E7RUFDRSxxb0VBQXFvRTtBQUN2b0U7QUFDQTtFQUNFLHFvRUFBcW9FO0FBQ3ZvRSIsInNvdXJjZXNDb250ZW50IjpbIi5tZi1wcm9ncmVzcy1tYi0tZm9vdGVyIHtcbiAgYmFja2dyb3VuZDogI2ZmZjtcbiAgcGFkZGluZzogMS40Mjg1N3JlbSAwO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xufVxuLmFwcHJvdmFsLXByb2dyZXNzX19tb3JlLS1kaWFsb2cgLndlZGF0ZWEydGQtZGlhbG9nX19pbm5lciB7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAwO1xuICB2ZXJ0aWNhbC1hbGlnbjogYm90dG9tO1xuICBtaW4td2lkdGg6IDEwMCU7XG4gIGJvcmRlci1yYWRpdXM6IDA7XG59XG5AbWVkaWEgKG1heC13aWR0aDogMTAyNHB4KSB7XG4gIC5hcHByb3ZhbC1wcm9ncmVzc19fbW9yZS0tZGlhbG9nIC53ZWRhdGVhMnRkLWRpYWxvZ19faW5uZXIge1xuICAgIG1hcmdpbjogMDtcbiAgfVxufVxuLmZsb3ctcG9wdXAge1xuICBkaXNwbGF5OiBmbGV4O1xuICBtYXgtaGVpZ2h0OiAyOC41NzE0M3JlbTtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cbi5mbG93LXBvcHVwLXRpdGxlIHtcbiAgaGVpZ2h0OiAyLjg1NzE0cmVtO1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXNocmluazogMDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBmb250LXNpemU6IDEuMTQyODZyZW07XG4gIGZvbnQtd2VpZ2h0OiA0MDA7XG4gIHBhZGRpbmc6IDAgMS40Mjg1N3JlbTtcbiAgYm9yZGVyLWJvdHRvbTogMC4wNzE0M3JlbSBzb2xpZCAjZGNkZWU2O1xufVxuLmZsb3ctcG9wdXAtdGl0bGUgLmxlZnQge1xuICBjb2xvcjogIzY2Njtcbn1cbi5mbG93LXBvcHVwLXRpdGxlIC5jZW50ZXIge1xuICBmb250LXNpemU6IDFyZW07XG4gIGNvbG9yOiAjNjY2O1xufVxuLmZsb3ctcG9wdXAtdGl0bGUgLnJpZ2h0IHtcbiAgY29sb3I6ICMwMDZlZmY7XG59XG4uZmxvdy1wb3B1cF9tYi1ncm91cC1saXN0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbn1cbi5mbG93LXBvcHVwX21iLWdyb3VwLWxpc3Qgc3BhbiB7XG4gIGZsZXg6IDE7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG4gIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xufVxuLmZsb3ctcG9wdXBfbWItZ3JvdXAtbGlzdCAuYXBhLWljb24ge1xuICB3aWR0aDogMS4xNDI4NnJlbTtcbiAgaGVpZ2h0OiAxLjE0Mjg2cmVtO1xuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGJhY2tncm91bmQtcmVwZWF0OiBuby1yZXBlYXQ7XG4gIGJhY2tncm91bmQtcG9zaXRpb246IGluaGVyaXQ7XG4gIGZvbnQtc2l6ZTogMDtcbn1cbi5mbG93LXBvcHVwX21iLWdyb3VwLWxpc3QgLmFwYS1pY29uLXN0YXItZmlsbC1hY3RpdmUge1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQRDk0Yld3Z2RtVnljMmx2YmowaU1TNHdJaUJsYm1OdlpHbHVaejBpVlZSR0xUZ2lQejRLUEhOMlp5QjNhV1IwYUQwaU1UWndlQ0lnYUdWcFoyaDBQU0l4Tm5CNElpQjJhV1YzUW05NFBTSXdJREFnTVRZZ01UWWlJSFpsY25OcGIyNDlJakV1TVNJZ2VHMXNibk05SW1oMGRIQTZMeTkzZDNjdWR6TXViM0puTHpJd01EQXZjM1puSWlCNGJXeHVjenA0YkdsdWF6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNVGs1T1M5NGJHbHVheUkrQ2lBZ0lDQThJUzB0SUVkbGJtVnlZWFJ2Y2pvZ1UydGxkR05vSURVNElDZzRORFkyTXlrZ0xTQm9kSFJ3Y3pvdkwzTnJaWFJqYUM1amIyMGdMUzArQ2lBZ0lDQThkR2wwYkdVKzU1Uzc1cDIvUEM5MGFYUnNaVDRLSUNBZ0lEeGtaWE5qUGtOeVpXRjBaV1FnZDJsMGFDQlRhMlYwWTJndVBDOWtaWE5qUGdvZ0lDQWdQR2NnYVdROUl1ZVV1K2FkdnlJZ2MzUnliMnRsUFNKdWIyNWxJaUJ6ZEhKdmEyVXRkMmxrZEdnOUlqRWlJR1pwYkd3OUltNXZibVVpSUdacGJHd3RjblZzWlQwaVpYWmxibTlrWkNJK0NpQWdJQ0FnSUNBZ1BHY2dhV1E5SXVlOGx1ZTdoQ0krQ2lBZ0lDQWdJQ0FnSUNBZ0lEeHlaV04wSUdsa1BTTG5uNm5sdmFJaUlIZzlJakFpSUhrOUlqQWlJSGRwWkhSb1BTSXhOaUlnYUdWcFoyaDBQU0l4TmlJK1BDOXlaV04wUGdvZ0lDQWdJQ0FnSUNBZ0lDQThjR0YwYUNCa1BTSk5PQzQwTkRnek5qZ3dOQ3d4TGpjd09EUTVNamc0SUV3eE1DNHpOVEV4TkRFc05TNDFOak01TXpJd01pQk1NVEF1TXpVeE1UUXhMRFV1TlRZek9UTXlNRElnVERFMExqWXdOVGczTURjc05pNHhPREl4T0RBME5DQkRNVFF1T0RjNU1UUXpNU3cyTGpJeU1UZzRPVEkxSURFMUxqQTJPRFE0TXprc05pNDBOelUyTVRBMk55QXhOUzR3TWpnM056VXhMRFl1TnpRNE9EZ3pNU0JETVRVdU1ERXlPVFl5T0N3MkxqZzFOemN3TVRZeUlERTBMamsyTVRjeE9USXNOaTQ1TlRneU56STRNaUF4TkM0NE9ESTVOemMwTERjdU1ETTFNREkzTVRNZ1RERXhMamd3TkRJeU5qRXNNVEF1TURNMk1EWTRJRXd4TVM0NE1EUXlNall4TERFd0xqQXpOakEyT0NCTU1USXVOVE14TURJd055d3hOQzR5TnpNMk1EVTNJRU14TWk0MU56YzNNREV5TERFMExqVTBOVGMzTXprZ01USXVNemswT1RBM015d3hOQzQ0TURReU5URTRJREV5TGpFeU1qY3pPU3d4TkM0NE5UQTVNekkwSUVNeE1pNHdNVFF6TmpBeUxERTBMamcyT1RVeU1EZ2dNVEV1T1RBeU9EYzJNaXd4TkM0NE5URTROak0wSURFeExqZ3dOVFUwTlRrc01UUXVPREF3Tmprek9TQk1PQ3d4TWk0NElFdzRMREV5TGpnZ1REUXVNVGswTkRVME1EWXNNVFF1T0RBd05qa3pPU0JETXk0NU5UQXdNekUzTnl3eE5DNDVNamt4T1RReklETXVOalEzTnpFNE1Ua3NNVFF1T0RNMU1qSXhJRE11TlRFNU1qRTNOemdzTVRRdU5Ua3dOems0T0NCRE15NDBOamd3TkRneU5Td3hOQzQwT1RNME5qZzFJRE11TkRVd016a3dPVEVzTVRRdU16Z3hPVGcwTlNBekxqUTJPRGszT1RNekxERTBMakkzTXpZd05UY2dURFF1TVRrMU56Y3pPVE1zTVRBdU1ETTJNRFk0SUV3MExqRTVOVGMzTXprekxERXdMakF6TmpBMk9DQk1NUzR4TVRjd01qSTJMRGN1TURNMU1ESTNNVE1nUXpBdU9URTVNamd3T0RBMkxEWXVPRFF5TWpjMk5USWdNQzQ1TVRVeU16UTJOVE1zTmk0MU1qVTNNVGs0T1NBeExqRXdOems0TlRJMkxEWXVNekkzT1RjNE1TQkRNUzR4T0RRM016azFOaXcyTGpJME9USXpOakk0SURFdU1qZzFNekV3Tnpjc05pNHhPVGM1T1RJMk9TQXhMak01TkRFeU9USTRMRFl1TVRneU1UZ3dORFFnVERVdU5qUTRPRFU0T1Rrc05TNDFOak01TXpJd01pQk1OUzQyTkRnNE5UZzVPU3cxTGpVMk16a3pNakF5SUV3M0xqVTFNVFl6TVRrMkxERXVOekE0TkRreU9EZ2dRemN1Tmpjek9EUXpNVEVzTVM0ME5qQTROall3TlNBM0xqazNNelkxTmpBekxERXVNelU1TVRrMk5UVWdPQzR5TWpFeU9ESTROaXd4TGpRNE1UUXdOelk1SUVNNExqTXhPVGc0T1RFMkxERXVOVE13TURjeU9ERWdPQzR6T1RrM01ESTVNaXd4TGpZd09UZzROalUzSURndU5EUTRNelk0TURRc01TNDNNRGcwT1RJNE9DQmFJaUJwWkQwaTVwaWY1YjJpSWlCbWFXeHNQU0lqUmpSRE1EQkRJaUJtYVd4c0xYSjFiR1U5SW01dmJucGxjbThpUGp3dmNHRjBhRDRLSUNBZ0lDQWdJQ0E4TDJjK0NpQWdJQ0E4TDJjK0Nqd3ZjM1puUGc9PSk7XG59XG4uZmxvdy1wb3B1cF9tYi1ncm91cC1saXN0IC5hcGEtaWNvbi1zdGFyLWZpbGwge1xuICBiYWNrZ3JvdW5kLWltYWdlOiB1cmwoZGF0YTppbWFnZS9zdmcreG1sO2Jhc2U2NCxQRDk0Yld3Z2RtVnljMmx2YmowaU1TNHdJaUJsYm1OdlpHbHVaejBpVlZSR0xUZ2lQejRLUEhOMlp5QjNhV1IwYUQwaU1UWndlQ0lnYUdWcFoyaDBQU0l4Tm5CNElpQjJhV1YzUW05NFBTSXdJREFnTVRZZ01UWWlJSFpsY25OcGIyNDlJakV1TVNJZ2VHMXNibk05SW1oMGRIQTZMeTkzZDNjdWR6TXViM0puTHpJd01EQXZjM1puSWlCNGJXeHVjenA0YkdsdWF6MGlhSFIwY0RvdkwzZDNkeTUzTXk1dmNtY3ZNVGs1T1M5NGJHbHVheUkrQ2lBZ0lDQThJUzB0SUVkbGJtVnlZWFJ2Y2pvZ1UydGxkR05vSURVNElDZzRORFkyTXlrZ0xTQm9kSFJ3Y3pvdkwzTnJaWFJqYUM1amIyMGdMUzArQ2lBZ0lDQThkR2wwYkdVKzU1Uzc1cDIvUEM5MGFYUnNaVDRLSUNBZ0lEeGtaWE5qUGtOeVpXRjBaV1FnZDJsMGFDQlRhMlYwWTJndVBDOWtaWE5qUGdvZ0lDQWdQR2NnYVdROUl1ZVV1K2FkdnlJZ2MzUnliMnRsUFNKdWIyNWxJaUJ6ZEhKdmEyVXRkMmxrZEdnOUlqRWlJR1pwYkd3OUltNXZibVVpSUdacGJHd3RjblZzWlQwaVpYWmxibTlrWkNJK0NpQWdJQ0FnSUNBZ1BHY2dhV1E5SXVlOGx1ZTdoQ0krQ2lBZ0lDQWdJQ0FnSUNBZ0lEeHlaV04wSUdsa1BTTG5uNm5sdmFJaUlIZzlJakFpSUhrOUlqQWlJSGRwWkhSb1BTSXhOaUlnYUdWcFoyaDBQU0l4TmlJK1BDOXlaV04wUGdvZ0lDQWdJQ0FnSUNBZ0lDQThjR0YwYUNCa1BTSk5PQzQwTkRnek5qZ3dOQ3d4TGpjd09EUTVNamc0SUV3eE1DNHpOVEV4TkRFc05TNDFOak01TXpJd01pQk1NVEF1TXpVeE1UUXhMRFV1TlRZek9UTXlNRElnVERFMExqWXdOVGczTURjc05pNHhPREl4T0RBME5DQkRNVFF1T0RjNU1UUXpNU3cyTGpJeU1UZzRPVEkxSURFMUxqQTJPRFE0TXprc05pNDBOelUyTVRBMk55QXhOUzR3TWpnM056VXhMRFl1TnpRNE9EZ3pNU0JETVRVdU1ERXlPVFl5T0N3MkxqZzFOemN3TVRZeUlERTBMamsyTVRjeE9USXNOaTQ1TlRneU56STRNaUF4TkM0NE9ESTVOemMwTERjdU1ETTFNREkzTVRNZ1RERXhMamd3TkRJeU5qRXNNVEF1TURNMk1EWTRJRXd4TVM0NE1EUXlNall4TERFd0xqQXpOakEyT0NCTU1USXVOVE14TURJd055d3hOQzR5TnpNMk1EVTNJRU14TWk0MU56YzNNREV5TERFMExqVTBOVGMzTXprZ01USXVNemswT1RBM015d3hOQzQ0TURReU5URTRJREV5TGpFeU1qY3pPU3d4TkM0NE5UQTVNekkwSUVNeE1pNHdNVFF6TmpBeUxERTBMamcyT1RVeU1EZ2dNVEV1T1RBeU9EYzJNaXd4TkM0NE5URTROak0wSURFeExqZ3dOVFUwTlRrc01UUXVPREF3Tmprek9TQk1PQ3d4TWk0NElFdzRMREV5TGpnZ1REUXVNVGswTkRVME1EWXNNVFF1T0RBd05qa3pPU0JETXk0NU5UQXdNekUzTnl3eE5DNDVNamt4T1RReklETXVOalEzTnpFNE1Ua3NNVFF1T0RNMU1qSXhJRE11TlRFNU1qRTNOemdzTVRRdU5Ua3dOems0T0NCRE15NDBOamd3TkRneU5Td3hOQzQwT1RNME5qZzFJRE11TkRVd016a3dPVEVzTVRRdU16Z3hPVGcwTlNBekxqUTJPRGszT1RNekxERTBMakkzTXpZd05UY2dURFF1TVRrMU56Y3pPVE1zTVRBdU1ETTJNRFk0SUV3MExqRTVOVGMzTXprekxERXdMakF6TmpBMk9DQk1NUzR4TVRjd01qSTJMRGN1TURNMU1ESTNNVE1nUXpBdU9URTVNamd3T0RBMkxEWXVPRFF5TWpjMk5USWdNQzQ1TVRVeU16UTJOVE1zTmk0MU1qVTNNVGs0T1NBeExqRXdOems0TlRJMkxEWXVNekkzT1RjNE1TQkRNUzR4T0RRM016azFOaXcyTGpJME9USXpOakk0SURFdU1qZzFNekV3Tnpjc05pNHhPVGM1T1RJMk9TQXhMak01TkRFeU9USTRMRFl1TVRneU1UZ3dORFFnVERVdU5qUTRPRFU0T1Rrc05TNDFOak01TXpJd01pQk1OUzQyTkRnNE5UZzVPU3cxTGpVMk16a3pNakF5SUV3M0xqVTFNVFl6TVRrMkxERXVOekE0TkRreU9EZ2dRemN1Tmpjek9EUXpNVEVzTVM0ME5qQTROall3TlNBM0xqazNNelkxTmpBekxERXVNelU1TVRrMk5UVWdPQzR5TWpFeU9ESTROaXd4TGpRNE1UUXdOelk1SUVNNExqTXhPVGc0T1RFMkxERXVOVE13TURjeU9ERWdPQzR6T1RrM01ESTVNaXd4TGpZd09UZzROalUzSURndU5EUTRNelk0TURRc01TNDNNRGcwT1RJNE9DQmFJaUJwWkQwaTVwaWY1YjJpSWlCbWFXeHNQU0lqUVRKQlEwSkVJaUJtYVd4c0xYSjFiR1U5SW01dmJucGxjbThpUGp3dmNHRjBhRDRLSUNBZ0lDQWdJQ0E4TDJjK0NpQWdJQ0E4TDJjK0Nqd3ZjM1puUGc9PSk7XG59XG4iXSwic291cmNlUm9vdCI6IiJ9 */

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,6 @@
+.flow_center_next_approve-form_item > .tea-form__controls {
+  width: 100% !important;
+}
+
+/*# sourceURL=webpack://./src/web/components/flow/modules/control/FlowTaskInfoModal.css */
+/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8uL3NyYy93ZWIvY29tcG9uZW50cy9mbG93L21vZHVsZXMvY29udHJvbC9GbG93VGFza0luZm9Nb2RhbC5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7RUFDRSxzQkFBc0I7QUFDeEIiLCJzb3VyY2VzQ29udGVudCI6WyIuZmxvd19jZW50ZXJfbmV4dF9hcHByb3ZlLWZvcm1faXRlbSA+IC50ZWEtZm9ybV9fY29udHJvbHMge1xuICB3aWR0aDogMTAwJSAhaW1wb3J0YW50O1xufVxuIl0sInNvdXJjZVJvb3QiOiIifQ== */

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