@cloudbase/weda-ui 3.4.4 → 3.4.6

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

@@ -0,0 +1,100 @@
+import React, { useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { CSSTransition } from 'react-transition-group';
+import { IconFont } from 'tdesign-icons-react';
+import classNames from '../../../../../../utils/classnames';
+import { POSITIONS } from './types';
+import './style.css';
+/** 使用移动视图的弹出层组件 */
+export function FlowPopup(props) {
+    const { visible = false, className = '', style = {}, overlay = true, position = 'center', overlayClass = '', overlayStyle = {}, title = '', titleStyle = {}, closeable = false, container = document.body, height = 300, width = 200, children, onClose, destroyOnClose = false, closeOnClickOverlay = true, closeContent, closeContentPosition = 'top-right', } = props;
+    const [innerVisible, setInnerVisible] = useState(visible);
+    const [animatedVisible, setAnimatedVisible] = useState(innerVisible);
+    useEffect(() => {
+        if (visible) {
+            setAnimatedVisible(true);
+        }
+    }, [visible]);
+    useEffect(() => {
+        setInnerVisible(visible);
+    }, [visible]);
+    const onPopupClose = (e) => {
+        onStopPropagation(e);
+        onClose === null || onClose === void 0 ? void 0 : onClose();
+    };
+    /** 阻止 createPortal 的事件冒泡 */
+    const onStopPropagation = (e) => {
+        e.stopPropagation();
+    };
+    const initialStyle = getInitialStyle(position, height, width);
+    const initialClassName = getInitialClassName(position);
+    /** 标题 */
+    const renderTitle = () => {
+        if (!title)
+            return null;
+        return (React.createElement("div", { className: "weda-flow-popup-title", style: titleStyle }, title));
+    };
+    /** 关闭按钮 */
+    const renderCloseButton = () => {
+        if (!closeable)
+            return null;
+        return (React.createElement("div", { className: `weda-flow-popup-close ${closeContentPosition}`, onClick: onPopupClose }, closeContent || React.createElement(IconFont, { name: "close" })));
+    };
+    /** 遮罩层 */
+    const renderOverlay = () => {
+        const onClickOverlay = (e) => {
+            if (!closeOnClickOverlay)
+                return;
+            onPopupClose(e);
+        };
+        if (!overlay)
+            return null;
+        return (React.createElement("div", { className: `weda-flow-popup-overlay ${overlayClass}`, style: overlayStyle || {}, onClick: onClickOverlay }));
+    };
+    /** 弹出层 */
+    const renderPopup = () => {
+        const popupClassName = classNames('weda-flow-popup', initialClassName, className);
+        const popupStyle = {
+            ...initialStyle,
+            ...style,
+            display: !innerVisible && !animatedVisible ? 'none' : undefined,
+        };
+        return (React.createElement("div", { className: popupClassName, style: popupStyle, onClick: onStopPropagation },
+            renderTitle(),
+            renderCloseButton(),
+            children || null));
+    };
+    /** 弹出层动画 */
+    const renderPopupTransition = () => {
+        const transitionClassName = position === 'center'
+            ? 'weda-flow-popup-fade'
+            : `weda-flow-popup-slide-${position}`;
+        return (React.createElement(CSSTransition, { timeout: 300, in: visible, classNames: transitionClassName, mountOnEnter: true, unmountOnExit: destroyOnClose, onExited: () => {
+                setAnimatedVisible(false);
+            } }, renderPopup()));
+    };
+    /** 遮罩层动画 */
+    const renderOverlayTransition = () => {
+        return (React.createElement(CSSTransition, { mountOnEnter: true, unmountOnExit: true, timeout: 300, in: visible, classNames: "weda-flow-popup-fade" }, renderOverlay()));
+    };
+    return createPortal(React.createElement(React.Fragment, null,
+        renderOverlayTransition(),
+        renderPopupTransition()), container);
+}
+/** 获取初始样式 */
+function getInitialStyle(position, height, width) {
+    if (['left', 'right'].includes(position)) {
+        return { width };
+    }
+    if (['bottom', 'top'].includes(position)) {
+        return { height };
+    }
+    return {};
+}
+/** 获取初始类名 */
+function getInitialClassName(position) {
+    if (POSITIONS.includes(position)) {
+        return `weda-flow-popup-${position}`;
+    }
+    return 'weda-flow-popup-bottom';
+}

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

@@ -0,0 +1,154 @@
+.weda-flow-popup-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.7);
+  z-index: 2020;
+}
+
+.weda-flow-popup {
+  position: fixed;
+  max-height: 100%;
+  overflow-y: auto;
+  background-color: #fff;
+  z-index: 2021;
+}
+
+.weda-flow-popup-bottom {
+  bottom: 0;
+  left: 0;
+  width: 100%;
+}
+
+.weda-flow-popup-top {
+  top: 0;
+  left: 0;
+  width: 100%;
+}
+
+.weda-flow-popup-left {
+  top: 0;
+  left: 0;
+  height: 100%;
+}
+
+.weda-flow-popup-right {
+  top: 0;
+  right: 0;
+  height: 100%;
+}
+
+.weda-flow-popup-center {
+  top: 50%;
+  left: 50%;
+  transform: translate3d(-50%, -50%, 0);
+}
+
+.weda-flow-popup-title {
+  text-align: center;
+  font-size: 14px;
+  font-weight: 700;
+  color: #333;
+  padding: 20px 12px;
+}
+
+.weda-flow-popup-bottom-enter-start,
+.weda-flow-popup-bottom-exit-end {
+  transform: translate3d(0, 100%, 0);
+  transition: 0.2s;
+}
+
+.weda-flow-popup-enter-active {
+  transform: translate3d(0, 0, 0);
+  transition: 0.2s;
+}
+
+.weda-flow-popup-slide-top-enter,
+.weda-flow-popup-slide-top-exit-active {
+  transform: translate3d(0, -100%, 0);
+}
+
+.weda-flow-popup-slide-right-enter,
+.weda-flow-popup-slide-right-exit-active {
+  transform: translate3d(100%, 0, 0);
+}
+
+.weda-flow-popup-slide-bottom-enter,
+.weda-flow-popup-slide-bottom-exit-active {
+  transform: translate3d(0, 100%, 0);
+}
+
+.weda-flow-popup-slide-left-enter,
+.weda-flow-popup-slide-left-exit-active {
+  transform: translate3d(-100%, 0, 0);
+}
+
+.weda-flow-popup-slide-top-enter-active,
+.weda-flow-popup-slide-left-enter-active,
+.weda-flow-popup-slide-right-enter-active,
+.weda-flow-popup-slide-bottom-enter-active {
+  transform: translate3d(0, 0, 0);
+  transition: 0.3s;
+}
+
+.weda-flow-popup-slide-top-exit-active,
+.weda-flow-popup-slide-left-exit-active,
+.weda-flow-popup-slide-right-exit-active,
+.weda-flow-popup-slide-bottom-exit-active {
+  transition: 0.3s;
+  transition-timing-function: ease-in;
+}
+
+@keyframes fade-in {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fade-out {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}
+
+.weda-flow-popup-fade-enter-active {
+  animation: 0.3s fade-in both ease-out;
+}
+.weda-flow-popup-fade-exit-active {
+  animation: 0.3s fade-out both ease-in;
+}
+
+.weda-flow-popup-close {
+  position: absolute;
+  font-size: 14px;
+  text-align: center;
+  cursor: pointer;
+  color: #323232;
+}
+
+.weda-flow-popup-close.top-right {
+  right: 20px;
+  top: 20px;
+}
+.weda-flow-popup-close.top-left {
+  left: 20px;
+  top: 20px;
+}
+.weda-flow-popup-close.bottom-right {
+  right: 20px;
+  bottom: 20px;
+}
+.weda-flow-popup-close.bottom-left {
+  bottom: 20px;
+  left: 20px;
+}

package/dist/web/components/flow/modules/operations/components/popup/types.js

@@ -0,0 +1 @@
+export const POSITIONS = ['bottom', 'top', 'right', 'left', 'center'];

package/dist/web/components/flow/modules/operations/components/user-select/index.js

@@ -0,0 +1,43 @@
+import React, { useRef, useEffect, useState } from 'react';
+import { Button } from 'tea-component';
+import UserTreeSelect from '../../../../../form/userOrgSelect/component/user-select-h5';
+import './style.css';
+export * from './types';
+/**
+ * 流程进一步封装选人组件
+ */
+export function FlowUserSelect(props) {
+    const userSelectRef = useRef();
+    const onConfirm = (selection) => {
+        var _a, _b;
+        (_a = props === null || props === void 0 ? void 0 : props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, { users: selection.data, userIds: selection.value });
+        (_b = props === null || props === void 0 ? void 0 : props.onClose) === null || _b === void 0 ? void 0 : _b.call(props);
+    };
+    const onClose = () => {
+        var _a;
+        (_a = props === null || props === void 0 ? void 0 : props.onClose) === null || _a === void 0 ? void 0 : _a.call(props);
+    };
+    useEffect(() => {
+        var _a, _b, _c;
+        if (props.visible) {
+            (_c = (_b = (_a = userSelectRef.current) === null || _a === void 0 ? void 0 : _a.methods) === null || _b === void 0 ? void 0 : _b.open) === null || _c === void 0 ? void 0 : _c.call(_b);
+        }
+    }, [props.visible]);
+    return (React.createElement(UserTreeSelect, { labelVisible: false, decorator: null, multiple: props === null || props === void 0 ? void 0 : props.multiple, showType: (props === null || props === void 0 ? void 0 : props.isH5) ? 'h5' : 'pc', style: props.showOriginEntry
+            ? props.style || {}
+            : {
+                display: 'none',
+            }, requiredFlag: props.required, className: `${props.showOriginEntry && (props === null || props === void 0 ? void 0 : props.isH5) ? 'weda-flow-user-select-h5' : ''} ${props === null || props === void 0 ? void 0 : props.className}`, confirmAction: onConfirm, outerRef: userSelectRef, closeAction: onClose, defaultValue: props.defaultValue }));
+}
+/**
+ * 流程进一步封装选人组件 - 自定义触发按钮形式
+ */
+export function FlowUserSelectBtn(props) {
+    const { buttonProps, buttonText, ...restProps } = props;
+    const [visible, setVisible] = useState(false);
+    const onOpenUserSelect = () => setVisible(true);
+    const onCloseUserSelect = () => setVisible(false);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button, { ...buttonProps, onClick: onOpenUserSelect }, buttonText),
+        React.createElement(FlowUserSelect, { visible: visible, onClose: onCloseUserSelect, ...restProps, showOriginEntry: false })));
+}

package/dist/web/components/flow/modules/operations/components/user-select/style.css

@@ -0,0 +1,4 @@
+.weda-flow-user-select-h5 .weui-cells:before,
+.weda-flow-user-select-h5 .weui-cells:after {
+  opacity: 0;
+}

package/dist/web/components/flow/modules/operations/components/user-select/types.js

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

package/dist/web/components/flow/modules/operations/config/approval-form-config.js

@@ -0,0 +1,140 @@
+/** 审批类型操作的表单配置(同意、拒绝、处理、转办) */
+export function getApprovalFormConfig(flowProps) {
+    var _a, _b;
+    const { flowDetail, pageInfo } = (flowProps === null || flowProps === void 0 ? void 0 : flowProps.commonFlowData) || {};
+    const { isH5 } = (flowProps === null || flowProps === void 0 ? void 0 : flowProps.flowLocalProps) || {};
+    const actionTypeName = (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.userTaskType) === 2 ? '处理' : '审批';
+    /** 当前节点名称 只读表单项配置 */
+    const currentNodeNameConfig = {
+        label: '当前节点',
+        content: flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.currentNodeName,
+        readonly: true,
+        field: 'currentNodeName',
+    };
+    /** 当前审批/处理人 只读表单项配置 */
+    const currentApproverNameConfig = {
+        label: `${actionTypeName}人`,
+        content: (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.currentApproverName) || '-',
+        readonly: true,
+        field: 'currentApproverName',
+    };
+    /** 审批/处理意见 表单项配置 */
+    const commentConfig = {
+        label: `${actionTypeName}意见`,
+        field: 'comment',
+        help: '输入@唤起成员选择框',
+        component: 'FlowComment',
+        defaultValue: {
+            operationComment: '',
+            opinionUserMap: {},
+            highlightPositionList: '{}',
+        },
+        props: {
+            isH5,
+            bordered: !isH5,
+            atButtonStyle: {
+                position: 'absolute',
+                top: 12,
+                right: 24,
+            },
+        },
+        extra: {
+            isH5Vertical: true,
+        },
+        validate: (comment) => {
+            var _a;
+            if (((_a = comment === null || comment === void 0 ? void 0 : comment.operationComment) === null || _a === void 0 ? void 0 : _a.length) > 500)
+                return '输入长度不可超过500，请检查';
+            return '';
+        },
+    };
+    /** 抄送/转办 表单项配置 */
+    const userSelectConfig = {
+        label: '抄送',
+        field: 'ccUserIds',
+        hidden: !(pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showCarbonCopy),
+        component: 'FlowUserSelect',
+        props: {
+            label: '抄送',
+            showOriginEntry: true,
+            multiple: true,
+            className: 'weda-flow-approval-user-select',
+            isH5,
+        },
+        defaultValue: '',
+        transform({ userIds }) {
+            return (userIds || []).join();
+        },
+    };
+    /** 表单配置 */
+    return {
+        agree: {
+            formTitle: `审批意见 - ${((_a = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) === null || _a === void 0 ? void 0 : _a[1]) || '同意'}`,
+            formItems: [
+                currentNodeNameConfig,
+                currentApproverNameConfig,
+                commentConfig,
+                userSelectConfig,
+            ],
+        },
+        reject: {
+            formTitle: `审批意见 - ${((_b = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) === null || _b === void 0 ? void 0 : _b[2]) || '拒绝'}`,
+            formItems: [
+                currentNodeNameConfig,
+                currentApproverNameConfig,
+                {
+                    ...commentConfig,
+                    required: true,
+                    validate: (comment) => {
+                        var _a, _b;
+                        if (!((_a = comment === null || comment === void 0 ? void 0 : comment.operationComment) === null || _a === void 0 ? void 0 : _a.trim()))
+                            return '请输入审批意见';
+                        if (((_b = comment === null || comment === void 0 ? void 0 : comment.operationComment) === null || _b === void 0 ? void 0 : _b.length) > 500)
+                            return '输入长度不可超过500，请检查';
+                        return '';
+                    },
+                },
+            ],
+        },
+        handle: {
+            formTitle: `${(flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.operationName) || '处理'}意见`,
+            formItems: [
+                currentNodeNameConfig,
+                currentApproverNameConfig,
+                commentConfig,
+                userSelectConfig,
+            ],
+        },
+        turn_to_person: {
+            formTitle: '审批意见 - 转办',
+            formItems: [
+                currentNodeNameConfig,
+                currentApproverNameConfig,
+                {
+                    ...userSelectConfig,
+                    label: '转办',
+                    field: 'turnToUserId',
+                    props: {
+                        ...userSelectConfig.props,
+                        label: '转办',
+                        multiple: false,
+                    },
+                    required: true,
+                    transform({ userIds }) {
+                        return userIds;
+                    },
+                    validate(turnToUserId) {
+                        if (!turnToUserId)
+                            return '请选择转办人员';
+                        return '';
+                    },
+                },
+            ],
+            submitDefaultValues: {
+                operationComment: '',
+                opinionUserMap: {},
+                highlightPositionList: '{}',
+            },
+        },
+    };
+}

package/dist/web/components/flow/modules/operations/config/control-config.js

@@ -0,0 +1,218 @@
+import { getApprovalFormConfig } from './approval-form-config';
+/** 流程操作配置 */
+export function getControlConfig(flowProps) {
+    var _a, _b, _c;
+    const { commonFlowData, flowLocalProps } = flowProps || {};
+    const { flowDetail, pageInfo } = commonFlowData || {};
+    const { currentPageType, isH5 } = flowLocalProps || {};
+    const approvalFormConfig = getApprovalFormConfig(flowProps);
+    const config = [
+        {
+            actionKey: FLOW_CONTROL_ACTION_KEY.ROLL_BACK,
+            component: 'RollbackModal',
+            props: {
+                label: '回退',
+                afterAction: 'afterGoBack',
+                buttonProps: { type: isH5 ? 'link' : 'weak' },
+            },
+            visible: currentPageType === 'TODO' &&
+                !(pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) &&
+                (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showRollBack),
+        },
+        {
+            actionKey: FLOW_CONTROL_ACTION_KEY.ADD_ASSIGNEE,
+            component: 'AddAssigneeBtn',
+            props: {
+                label: '加签',
+                afterAction: 'afterAddAssignee',
+                buttonProps: { type: isH5 ? 'link' : 'weak' },
+            },
+            visible: currentPageType === 'TODO' &&
+                !(pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) &&
+                (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showAddAssignee),
+        },
+        {
+            actionKey: FLOW_CONTROL_ACTION_KEY.TURN_TO_PERSON,
+            component: 'ApprovalDrawer',
+            props: {
+                label: '转办',
+                buttonAction: 4,
+                afterAction: 'afterTransfer',
+                approvalFormInfo: approvalFormConfig.turn_to_person,
+                buttonProps: { type: isH5 ? 'link' : 'weak' },
+            },
+            visible: currentPageType === 'TODO' &&
+                !(pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) &&
+                (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showTurnToPerson),
+        },
+        {
+            actionKey: FLOW_CONTROL_ACTION_KEY.REJECT,
+            component: 'ApprovalDrawer',
+            props: {
+                label: ((_a = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) === null || _a === void 0 ? void 0 : _a[2]) || '拒绝',
+                buttonAction: 3,
+                afterAction: 'afterReject',
+                approvalFormInfo: approvalFormConfig.reject,
+                buttonProps: {
+                    type: isH5 ? 'link' : 'error',
+                    style: isH5 ? { color: '#E34D59' } : {},
+                },
+                buttonIcon: isH5 ? 'close-circle' : '',
+            },
+            visible: currentPageType === 'TODO' &&
+                !(pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) &&
+                (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.userTaskType) !== 2,
+        },
+        {
+            actionKey: FLOW_CONTROL_ACTION_KEY.AGREE,
+            component: 'ApprovalDrawer',
+            props: {
+                label: ((_b = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) === null || _b === void 0 ? void 0 : _b[1]) || '同意',
+                buttonAction: 2,
+                afterAction: 'afterAgree',
+                approvalFormInfo: approvalFormConfig.agree,
+                buttonProps: {
+                    type: isH5 ? 'link' : 'primary',
+                    style: isH5 ? { color: '#00A870' } : {},
+                },
+                buttonIcon: isH5 ? 'check-circle' : '',
+            },
+            hideDivider: true,
+            visible: currentPageType === 'TODO' &&
+                !(pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) &&
+                (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.userTaskType) !== 2,
+        },
+        {
+            actionKey: FLOW_CONTROL_ACTION_KEY.HANDLE,
+            component: 'ApprovalDrawer',
+            props: {
+                label: (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.operationName) || '处理',
+                buttonAction: 2,
+                afterAction: 'afterHandle',
+                approvalFormInfo: approvalFormConfig.handle,
+                buttonProps: {
+                    type: isH5 ? 'link' : 'primary',
+                    style: isH5 ? { color: '#00A870' } : {},
+                },
+                buttonIcon: isH5 ? 'edit-1' : '',
+            },
+            hideDivider: true,
+            visible: currentPageType === 'TODO' &&
+                !(pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) &&
+                (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.userTaskType) === 2,
+        },
+        {
+            actionKey: FLOW_CONTROL_ACTION_KEY.REVOKE,
+            component: 'RevokeModal',
+            props: {
+                label: '撤销',
+                afterAction: 'afterRevoke',
+                buttonProps: {
+                    type: isH5 ? 'link' : 'error',
+                    style: isH5 ? { color: '#E34D59' } : {},
+                },
+                buttonIcon: isH5 ? 'minus-circle' : '',
+            },
+            hideDivider: true,
+            visible: ['CREATE', 'DONE'].includes(currentPageType) && (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showRevoke),
+        },
+        {
+            actionKey: FLOW_CONTROL_ACTION_KEY.CC,
+            component: 'ApplyCcBtn',
+            props: {
+                label: '抄送',
+                buttonProps: { type: isH5 ? 'link' : 'weak' },
+            },
+            visible: ['DRAFT', 'CREATEFLOW', 'TODO'].includes(currentPageType) &&
+                (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.show) &&
+                (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) &&
+                (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showCarbonCopy),
+        },
+        {
+            actionKey: FLOW_CONTROL_ACTION_KEY.SAVE_DRAFT,
+            component: 'InitiationBtn',
+            props: {
+                label: '保存草稿',
+                buttonAction: 17,
+                afterAction: 'afterSavedDraft',
+                buttonProps: { type: isH5 ? 'link' : 'weak' },
+            },
+            visible: ['DRAFT', 'CREATEFLOW'].includes(currentPageType) &&
+                (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.show) &&
+                (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) &&
+                (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.canDelete),
+        },
+        {
+            actionKey: FLOW_CONTROL_ACTION_KEY.CANCEL_SUBMIT,
+            component: 'CancelApplyBtn',
+            props: {
+                label: '取消',
+                buttonProps: {
+                    type: isH5 ? 'link' : 'error',
+                    style: isH5 ? { color: '#E34D59' } : {},
+                },
+                buttonIcon: isH5 ? 'close-circle' : '',
+            },
+            visible: ['DRAFT', 'CREATEFLOW'].includes(currentPageType) &&
+                (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.show) &&
+                (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) &&
+                (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.canDelete),
+        },
+        {
+            actionKey: FLOW_CONTROL_ACTION_KEY.SUBMIT,
+            component: 'InitiationBtn',
+            props: {
+                label: ((_c = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) === null || _c === void 0 ? void 0 : _c[3]) || '提交申请',
+                buttonAction: 1,
+                afterAction: 'afterSubmit',
+                buttonIcon: isH5 ? 'upload' : '',
+                buttonProps: {
+                    type: isH5 ? 'link' : 'primary',
+                    style: isH5 ? { color: '#00A870' } : {},
+                },
+            },
+            hideDivider: true,
+            visible: ['DRAFT', 'CREATEFLOW', 'TODO'].includes(currentPageType) &&
+                (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.show) &&
+                (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp),
+        },
+        {
+            actionKey: FLOW_CONTROL_ACTION_KEY.NEXT_APPROVER,
+            component: 'FlowTaskInfoModal',
+            props: {
+                label: '选择下一节点处理人',
+                afterAction: 'afterSelectNextApprover',
+            },
+            visible: currentPageType === 'TODO',
+            hideDivider: true,
+        },
+    ];
+    config.forEach((config) => {
+        // 统一设置id和流程公共属性
+        config.props = {
+            ...config.props,
+            id: setConfigElementId(config.actionKey),
+            flowFrameCommonProps: flowProps,
+        };
+    });
+    return config;
+}
+/** 流程操作标识常量 */
+export const FLOW_CONTROL_ACTION_KEY = {
+    AGREE: 'agree',
+    REJECT: 'reject',
+    HANDLE: 'handle',
+    TURN_TO_PERSON: 'turn_to_person',
+    ROLL_BACK: 'roll_back',
+    ADD_ASSIGNEE: 'add_assignee',
+    REVOKE: 'revoke',
+    SUBMIT: 'submit',
+    CC: 'cc',
+    SAVE_DRAFT: 'save_draft',
+    CANCEL_SUBMIT: 'cancel_submit',
+    NEXT_APPROVER: 'next_approver',
+};
+/** 设置流程控制配置按钮Id */
+function setConfigElementId(configKey) {
+    return `weda_flow_${configKey}_btn`;
+}

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

@@ -0,0 +1,2 @@
+export * from './control-config';
+export * from './types';

package/dist/web/components/flow/modules/operations/config/types.js

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