@cloudbase/weda-ui 3.4.5 → 3.4.6

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

@@ -1,240 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { Icon, Button } from 'tea-component';
-import { Popup, Field } from 'react-vant';
-import { HighlightTextarea } from '../../components';
-import { useControlContext } from './provider';
-import { ACTION_TYPE } from './constants';
-import './ApprovalPopup.css';
-const ExtraDOM = (props) => {
-    const { type, statusMessage, setStatusMessage, operationName, opinionUserMap, setOpinionUserMap, setHighlightPositionMap, prevFn, onUserSelectModelVisibleChange, onUserSelectModalInfoChange, safeJsonParse, userSelectModelVisible, setApproveComment, } = props;
-    const [approveInfo, setApproveInfo] = useState('');
-    useEffect(() => {
-        if (!userSelectModelVisible) {
-            const popupData = sessionStorage.getItem('FlowActionsMobile');
-            if (popupData) {
-                const { approveInfo: localApproveInfo } = safeJsonParse(popupData);
-                setApproveInfo(localApproveInfo);
-            }
-        }
-    }, [userSelectModelVisible]);
-    const toSelectPerson = () => {
-        prevFn === null || prevFn === void 0 ? void 0 : prevFn(approveInfo);
-        onUserSelectModelVisibleChange();
-        onUserSelectModalInfoChange({
-            approveField: 'highLightApprovers',
-            mode: 'multiple',
-        });
-    };
-    const approveInfoLabel = type === 'handle' ? `${operationName}意见` : '审批意见';
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Field, { className: "highlightTextarea-cell_wrapper", label: React.createElement("div", { className: "highlightTextarea-mobile__wrapper" },
-                React.createElement("span", { className: "label" },
-                    type === 'reject' && React.createElement("span", { style: { color: '#ee0a24' } }, "*"),
-                    approveInfoLabel),
-                React.createElement("span", { onClick: toSelectPerson, className: "extra-dom" }, "@\u67D0\u4EBA"),
-                React.createElement(HighlightTextarea, { value: approveInfo || '', size: "mobile", placeholder: `请输入您的${approveInfoLabel},可@通知他人`, opinionUserMap: opinionUserMap, setOpinionUserMap: setOpinionUserMap, setHighlightPositionMap: setHighlightPositionMap, onChange: (value) => {
-                        setApproveComment(value);
-                        setApproveInfo(value);
-                        setStatusMessage(null);
-                        if (type === 'reject' && !value.trim()) {
-                            setStatusMessage(`请输入${approveInfoLabel}`);
-                        }
-                        if (value.length > 500) {
-                            setStatusMessage(`${approveInfoLabel}长度不可超过500，请检查`);
-                        }
-                    } }),
-                statusMessage && (React.createElement("div", { className: "pant-field__error-message" }, statusMessage))), placeholder: "" })));
-};
-const ApprovePerson = (props) => {
-    const { label, onChange, approvers, prevFn, type, approveField = 'approvers', onUserSelectModelVisibleChange, onUserSelectModalInfoChange, safeJsonParse, } = props;
-    const getUserMap = () => {
-        var _a;
-        return (_a = safeJsonParse(sessionStorage.getItem('approvers'))) === null || _a === void 0 ? void 0 : _a.reduce((p, c) => {
-            // eslint-disable-next-line no-param-reassign
-            p[c === null || c === void 0 ? void 0 : c.UserId] = c === null || c === void 0 ? void 0 : c.Name;
-            return p;
-        }, {});
-    };
-    const toSelectPerson = () => {
-        prevFn === null || prevFn === void 0 ? void 0 : prevFn();
-        onUserSelectModelVisibleChange();
-        onUserSelectModalInfoChange({
-            approveField,
-            mode: [ACTION_TYPE.AGREE, ACTION_TYPE.TRANSFER].includes(type)
-                ? 'multiple'
-                : 'single',
-        });
-    };
-    const removeItem = (index) => {
-        const approversAvatar = approvers.filter((item, idx) => idx !== index);
-        onChange(approversAvatar);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Field, { label: React.createElement(React.Fragment, null,
-                React.createElement("span", { className: "label" }, label)), className: "label-execute__btn", name: "approvers", placeholder: "" },
-            React.createElement("span", { className: "btn-show-modal", onClick: toSelectPerson },
-                React.createElement("i", { className: "apa-icon apa-icon-plus-blue" }),
-                "\u4EBA\u5458")),
-        (approvers === null || approvers === void 0 ? void 0 : approvers.length) > 0
-            ? approvers === null || approvers === void 0 ? void 0 : approvers.map((item, index) => {
-                var _a;
-                return (React.createElement("div", { className: "person-item", key: `person-item_${index}` },
-                    React.createElement("span", null, ((_a = getUserMap()) === null || _a === void 0 ? void 0 : _a[item]) || item),
-                    React.createElement(Icon, { type: "dismiss", onClick: () => removeItem(index) })));
-            })
-            : null));
-};
-export const ApprovalPopup = (props) => {
-    var _a, _b, _c;
-    const { pageInfo, flowDetail, safeJsonParse } = props;
-    const { handleType, approveDrawerVisible, submitLoading, approver, approvers, fileList, opinionUserMap, highlightPositionMap, userSelectModelVisible, setFileList, setApprovers, setApprover, setOpinionUserMap, setHighlightPositionMap, onApproveDrawerVisibleChange, onUserSelectModelVisibleChange, onUserSelectModalInfoChange, onTriggerFlowEvent, } = useControlContext();
-    const { startAppCode: appCode, currentNodeName: nodeName, operationName, currentApproverName, } = flowDetail || {};
-    const { buttons, showCarbonCopy } = pageInfo || {};
-    const [statusMessage, setStatusMessage] = useState('');
-    const approveInfoRef = useRef('');
-    const stateMap = {
-        fileList: {
-            default: [],
-            fn: setFileList,
-        },
-        approvers: {
-            default: [],
-            fn: setApprovers,
-        },
-        approver: {
-            default: '',
-            fn: setApprover,
-        },
-        statusMessage: {
-            default: '',
-            fn: setStatusMessage,
-        },
-    };
-    const approvalType = {
-        agree: {
-            title: `${(buttons === null || buttons === void 0 ? void 0 : buttons[1]) || '同意'}`,
-            dom: true,
-            personLabel: '抄送',
-        },
-        reject: {
-            title: `${(buttons === null || buttons === void 0 ? void 0 : buttons[2]) || '拒绝'}`,
-            dom: true,
-            personLabel: '抄送',
-        },
-        transfer: {
-            title: '转办',
-            dom: false,
-            personLabel: '转办',
-        },
-        handle: {
-            title: '处理',
-            dom: true,
-            personLabel: '抄送',
-        },
-    };
-    useEffect(() => {
-        if (!approveDrawerVisible) {
-            // resetValue?.();
-            Object.values(stateMap).forEach(({ default: defaultValue, fn }) => fn(defaultValue));
-        }
-        else if (!approver) {
-            if (!props.approver) {
-                // postUserInfo().then((res) => {
-                //   if (res?.data) {
-                //     setApprover(res?.data?.name);
-                //   }
-                // });
-            }
-            else {
-                Object.entries(stateMap).forEach(([key, value]) => value.fn(props[key]));
-            }
-        }
-    }, [approveDrawerVisible]);
-    useEffect(() => {
-        setApprovers(props.approvers);
-    }, [props.approvers]);
-    useEffect(() => {
-        setFileList(props.fileList);
-    }, [props.fileList]);
-    useEffect(() => {
-        var _a;
-        setOpinionUserMap((_a = props.opinionUserMap) !== null && _a !== void 0 ? _a : {});
-    }, [props.opinionUserMap]);
-    useEffect(() => {
-        var _a;
-        setHighlightPositionMap((_a = props.highlightPositionMap) !== null && _a !== void 0 ? _a : {});
-    }, [props.highlightPositionMap]);
-    const onChange = (key, value) => {
-        stateMap[key].fn(value);
-    };
-    const handleSubmit = () => {
-        const obj = {
-            operationComment: approveInfoRef.current || '',
-            opinionUserMap,
-            highlightPositionList: JSON.stringify(highlightPositionMap),
-            attachmentInfo: JSON.stringify(fileList),
-            ccUserIds: approvers === null || approvers === void 0 ? void 0 : approvers.join(','),
-            turnToUserId: approvers === null || approvers === void 0 ? void 0 : approvers[0],
-        };
-        switch (handleType) {
-            case 'agree':
-                Reflect.deleteProperty(obj, 'turnToUserId');
-                break;
-            case 'reject':
-                Reflect.deleteProperty(obj, 'ccUserIds');
-                Reflect.deleteProperty(obj, 'turnToUserId');
-                break;
-            case 'transfer':
-                Reflect.deleteProperty(obj, 'ccUserIds');
-                break;
-        }
-        onTriggerFlowEvent(obj);
-    };
-    const dynamiticHeight = handleType === 'transfer' ? '500px' : '540px';
-    const saveTemp = (approveInfo) => {
-        approveInfoRef.current = approveInfo;
-        const temp = {
-            fileList,
-            approveInfo,
-            opinionUserMap,
-            highlightPositionMap,
-            approvers,
-            handleType,
-            approveDrawerVisible,
-            appCode,
-            // addApprovers,
-            // tagType,
-            // addTag,
-            nodeName,
-            approver,
-        };
-        sessionStorage.setItem('FlowActionsMobile', JSON.stringify(temp));
-    };
-    const setApproveComment = (value) => {
-        approveInfoRef.current = value;
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Popup, { visible: approveDrawerVisible, position: "bottom", style: { height: dynamiticHeight }, onClose: onApproveDrawerVisibleChange, closeable: true, className: "cp-vant-popup", overlayStyle: { zIndex: 998 } },
-            React.createElement(React.Fragment, null,
-                React.createElement("div", { className: "popup-content-wrapper" },
-                    React.createElement("h3", { className: "popup-title" }, handleType === 'handle'
-                        ? `${operationName}意见`
-                        : `审批意见 - ${(_a = approvalType === null || approvalType === void 0 ? void 0 : approvalType[handleType]) === null || _a === void 0 ? void 0 : _a.title}`),
-                    React.createElement(Field, { value: nodeName, label: "\u5F53\u524D\u8282\u70B9", readOnly: true }),
-                    React.createElement(Field, { value: currentApproverName || '-', label: handleType === 'handle' ? '处理人' : '审批人', readOnly: true }),
-                    ((_b = approvalType === null || approvalType === void 0 ? void 0 : approvalType[handleType]) === null || _b === void 0 ? void 0 : _b.dom) && approveDrawerVisible ? (React.createElement(ExtraDOM, { type: handleType, appCode: appCode, onChange: onChange, fileList: fileList, operationName: operationName, statusMessage: statusMessage, setStatusMessage: setStatusMessage, opinionUserMap: opinionUserMap, setOpinionUserMap: setOpinionUserMap, setHighlightPositionMap: setHighlightPositionMap, prevFn: saveTemp, onUserSelectModelVisibleChange: onUserSelectModelVisibleChange, onUserSelectModalInfoChange: onUserSelectModalInfoChange, safeJsonParse: safeJsonParse, userSelectModelVisible: userSelectModelVisible, setApproveComment: setApproveComment })) : null,
-                    handleType !== 'reject' &&
-                        (showCarbonCopy || handleType === 'transfer') ? (React.createElement(ApprovePerson, { type: handleType, prevFn: saveTemp, approvers: approvers, label: (_c = approvalType === null || approvalType === void 0 ? void 0 : approvalType[handleType]) === null || _c === void 0 ? void 0 : _c.personLabel, onChange: (val) => onChange('approvers', val), onUserSelectModelVisibleChange: onUserSelectModelVisibleChange, onUserSelectModalInfoChange: onUserSelectModalInfoChange, safeJsonParse: safeJsonParse })) : null),
-                React.createElement(Button, { className: "success-btn apa-height-xl", type: "primary", loading: submitLoading, onClick: () => {
-                        var _a;
-                        if (handleType === 'reject' && !approveInfoRef.current.trim()) {
-                            setStatusMessage('请输入审批意见');
-                            return;
-                        }
-                        if (((_a = approveInfoRef.current) === null || _a === void 0 ? void 0 : _a.length) > 500) {
-                            setStatusMessage('审批意见长度不可超过500，请检查');
-                            return;
-                        }
-                        handleSubmit();
-                    } }, "\u63D0\u4EA4")))));
-};

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

@@ -1,29 +0,0 @@
-.page-process__progress__app-page {
-  height: auto;
-}
-.mf-progress-footer__app-page {
-  left: 233px;
-}
-.page-process__progress .mf-progress-footer {
-  overflow-x: auto;
-  background: #fff;
-  text-align: center;
-  padding: 20px;
-}
-.page-process__progress .mf-progress-footer .mf-progress-footer__btn-line {
-  position: relative;
-  margin-left: 24px;
-}
-.page-process__progress
-  .mf-progress-footer
-  .mf-progress-footer__btn-line:before {
-  border-left: 1px solid rgba(0, 0, 0, 0.25);
-  height: 30px;
-  content: '';
-  position: absolute;
-  top: 3px;
-  left: -13px;
-}
-.mf-progress-footer__btn-group {
-  display: inline-flex;
-}

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

@@ -1,105 +0,0 @@
-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 { setOperationButtonId } from './utils';
-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, hasGoBack, 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, _c;
-        if (hasGoBack)
-            return null;
-        /**
-         * 审批页面类型 - approval:审批页面，apply:提交审批页面
-         * 微搭编辑器中预览按钮区域根据审批页面类型展示不同的按钮，审批页面类型是提交审批页面 且在微搭编辑器中 的话 渲染提交申请按钮组
-         */
-        if (((_a = ide.bindMetadata) === null || _a === void 0 ? void 0 : _a.approvalPageType) === 'apply' && isWedaIde) {
-            return (React.createElement("div", { className: footerClassNames },
-                React.createElement(ButtonLayout, { gap: 10 },
-                    React.createElement(Button, { type: "primary" }, "\u63D0\u4EA4\u7533\u8BF7"),
-                    React.createElement(Button, { type: "weak" }, "\u4FDD\u5B58\u8349\u7A3F"),
-                    React.createElement(Button, { type: "weak" }, "\u53D6\u6D88"))));
-        }
-        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), id: setOperationButtonId('revoke') }, "\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), id: setOperationButtonId('cc') },
-                            "+\u6284\u9001\u4EBA(",
-                            (ccUsers === null || ccUsers === void 0 ? void 0 : ccUsers.length) || 0,
-                            ")")) : null,
-                        React.createElement(Button, { type: "primary", loading: submitApplyLoading, onClick: (e) => onControlChick(ACTION_TYPE.SUBMIT, e), id: setOperationButtonId('submit') }, ((_b = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) === null || _b === void 0 ? void 0 : _b[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), id: setOperationButtonId('save_draft') }, "\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), id: setOperationButtonId('handle') }, 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), id: setOperationButtonId('agree') }, (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), id: setOperationButtonId('reject') }, (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), id: setOperationButtonId('turn_to_person') }, "\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, id: setOperationButtonId('roll_back') }, "\u56DE\u9000")),
-                    (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showAddAssignee) && (React.createElement(Button, { type: "weak", className: "mf-progress-footer__btn-line", onClick: onUserModalVisibleChange, id: setOperationButtonId('add_assignee') }, "\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), id: setOperationButtonId('submit') }, ((_c = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) === null || _c === void 0 ? void 0 : _c[3]) || '提交申请'),
-                React.createElement(Button, { type: "weak", onClick: (e) => onControlChick(ACTION_TYPE.SAVE_DRAFT, e), id: setOperationButtonId('save_draft') }, "\u4FDD\u5B58\u8349\u7A3F"),
-                React.createElement(Button, { type: "weak", onClick: onBackFlowCenter }, "\u53D6\u6D88")));
-        }
-        return null;
-    };
-    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, onUserIdChange: (ids) => setCcUsers(ids || []), 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

@@ -1,101 +0,0 @@
-.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==);
-}
-
-.list-content {
-  flex: 1;
-  padding: 0 20px 20px;
-  font-size: 14px;
-  overflow-y: auto;
-}
-.list-content li {
-  height: 40px;
-  line-height: 40px;
-  border-bottom: 1px solid #dcdee6;
-}
-.list-content .list-checked {
-  color: #2473f2;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.list-checked::after {
-  content: '\2713';
-  width: 16px;
-  height: 40px;
-}
-
-.list-content li span {
-  display: inline-block;
-  max-width: 90%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}

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

@@ -1,148 +0,0 @@
-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 { setOperationButtonId } from './utils';
-import { FlowTaskInfoModal } from './FlowTaskInfoModal';
-import './ControlMobile.css';
-export const FlowControlMobile = (props) => {
-    const { commonFlowData, flowLocalProps, ide } = props;
-    const { pageInfo, flowDetail } = commonFlowData;
-    const { isWedaIde, safeJsonParse, currentPageType } = flowLocalProps;
-    const { 
-    // ControlModel
-    submitApplyLoading, showMoreAction, ifSubmitAndCc, hasGoBack, 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),
-            operationName: 'turn_to_person',
-        },
-        showRollBack: {
-            label: '回退',
-            action: async () => {
-                await getNodeList();
-                setShowBackModal(true);
-            },
-            operationName: 'roll_back',
-        },
-        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',
-                });
-            },
-            operationName: 'add_assignee',
-        },
-    };
-    const renderButtonGroup = () => {
-        var _a, _b;
-        if (hasGoBack)
-            return null;
-        if (((_a = ide.bindMetadata) === null || _a === void 0 ? void 0 : _a.approvalPageType) === 'apply' && isWedaIde) {
-            return (React.createElement("div", { className: "mf-progress-mb--footer" },
-                React.createElement(ButtonLayout, { gap: 10 },
-                    React.createElement(Button, { type: "primary" }, "\u63D0\u4EA4\u7533\u8BF7"),
-                    React.createElement(Button, { type: "weak" }, "\u4FDD\u5B58\u8349\u7A3F"),
-                    React.createElement(Button, { type: "weak" }, "\u53D6\u6D88"))));
-        }
-        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), id: setOperationButtonId('revoke') }, "\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), id: setOperationButtonId('save_draft') }, "\u4FDD\u5B58\u8349\u7A3F")) : null,
-                ifSubmitAndCc ? (React.createElement(Button, { type: "link", onClick: onClickAddCcUser, id: setOperationButtonId('cc') },
-                    "+\u6284\u9001\u4EBA(",
-                    ccUsers.length || 0,
-                    ")")) : null,
-                React.createElement(Button, { type: "primary", loading: submitApplyLoading, onClick: () => onControlChick(ACTION_TYPE.SUBMIT), id: setOperationButtonId('submit') }, ((_b = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) === null || _b === void 0 ? void 0 : _b[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, operationName } = buttonActionMap[key];
-                    return (React.createElement(Button, { key: `actionItem-${actionIndex}`, className: "apa-height-xl tea-mr-4n tea-mt-1n", type: "link", onClick: action, id: setOperationButtonId(operationName) }, label));
-                })),
-                flowDetail.userTaskType === 2 ? (React.createElement(Button, { type: "primary", style: { flex: 3 }, onClick: (e) => onControlChick(ACTION_TYPE.HANDLE, e), id: setOperationButtonId('handle') }, flowDetail.operationName)) : (React.createElement(React.Fragment, null,
-                    React.createElement(Button, { onClick: (e) => onControlChick(ACTION_TYPE.REJECT, e), id: setOperationButtonId('reject') }, (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), id: setOperationButtonId('agree') }, (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(FlowTaskInfoModal, { layout: "vertical" }),
-        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" }))),
-        React.createElement(UserSelectModel, { visible: userSelectModelVisible, approveField: userSelectApproveField, mode: userSelectMode, close: () => setUserSelectModelVisible(false), mobileModel: true, values: ccUsers.map((user) => user.value) }),
-        React.createElement(ApprovalPopup, { pageInfo: pageInfo, flowDetail: flowDetail, safeJsonParse: safeJsonParse })));
-};

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

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