@cloudbase/weda-ui 3.4.8 → 3.4.9

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

@@ -1,22 +1,18 @@
-import React from 'react';
-import { PAGE_TYPE } from '../../constants';
-import { createModuleFrame } from '../../frame';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PAGE_TYPE, isInIde, useFlowConfig, WedaFlowContainer, } from '../../common';
 import './index.css';
-const ModelFlowLayout = (props) => {
-    const { flowLocalProps, ide } = props;
-    const { isWedaIde, currentPageType } = flowLocalProps;
-    const { flowContentSlot, flowControlSlot, ...rest } = ide;
+export default function ModelFlowLayout(props) {
+    const { currentPageType } = useFlowConfig({
+        wedaPlatformProps: props,
+        moduleName: 'flow-layout',
+    });
+    const { flowContentSlot, flowControlSlot } = props;
     /**
      * 是否隐藏流程Tab
      * @description 初始化情况下，流程基本信息、流程流转记录、流程图示三个组件
      * 会放到一个Tab组件中，特定条件下会启用该配置。如组件被拆分，改配置将失效
      */
-    const hideFlowTab = !isWedaIde &&
+    const hideFlowTab = !isInIde() &&
         [PAGE_TYPE.CREATEFLOW, PAGE_TYPE.DRAFT].includes(currentPageType);
-    return (
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    React.createElement("div", { ...rest, className: "model-flow-layout" },
-        React.createElement("div", null, hideFlowTab ? null : React.createElement("div", null, flowContentSlot)),
-        React.createElement("div", null, flowControlSlot)));
-};
-export default createModuleFrame(ModelFlowLayout, 'flow-layout');
+    return (_jsx(WedaFlowContainer, { wedaPlatformProps: props, children: _jsxs("div", { className: "weda-flow-layout", children: [_jsx("div", { children: hideFlowTab ? null : _jsx("div", { children: flowContentSlot }) }), _jsx("div", { children: flowControlSlot })] }) }));
+}

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

@@ -1,11 +1,9 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Button } from 'tea-component';
 import { IconFont } from 'tdesign-icons-react';
 import './style.css';
 /** 流程相关动作的触发按钮 */
 export function FlowButton(props) {
     const { buttonIcon, className, ...buttonProps } = props;
-    return (React.createElement(Button, { ...buttonProps, className: `weda-flow-button ${className}` },
-        buttonIcon ? React.createElement(IconFont, { name: buttonIcon }) : null,
-        props.children));
+    return (_jsxs(Button, { ...buttonProps, className: `weda-flow-button ${className}`, children: [buttonIcon ? _jsx(IconFont, { name: buttonIcon }) : null, props.children] }));
 }

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

@@ -1,8 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { 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 { classNames } from '../../../../common';
 import { POSITIONS } from './types';
 import './style.css';
 /** 使用移动视图的弹出层组件 */
@@ -32,13 +33,13 @@ export function FlowPopup(props) {
     const renderTitle = () => {
         if (!title)
             return null;
-        return (React.createElement("div", { className: "weda-flow-popup-title", style: titleStyle }, title));
+        return (_jsx("div", { className: "weda-flow-popup-title", style: titleStyle, children: 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" })));
+        return (_jsx("div", { className: `weda-flow-popup-close ${closeContentPosition}`, onClick: onPopupClose, children: closeContent || _jsx(IconFont, { name: "close" }) }));
     };
     /** 遮罩层 */
     const renderOverlay = () => {
@@ -49,7 +50,7 @@ export function FlowPopup(props) {
         };
         if (!overlay)
             return null;
-        return (React.createElement("div", { className: `weda-flow-popup-overlay ${overlayClass}`, style: overlayStyle || {}, onClick: onClickOverlay }));
+        return (_jsx("div", { className: `weda-flow-popup-overlay ${overlayClass}`, style: overlayStyle || {}, onClick: onClickOverlay }));
     };
     /** 弹出层 */
     const renderPopup = () => {
@@ -59,27 +60,22 @@ export function FlowPopup(props) {
             ...style,
             display: !innerVisible && !animatedVisible ? 'none' : undefined,
         };
-        return (React.createElement("div", { className: popupClassName, style: popupStyle, onClick: onStopPropagation },
-            renderTitle(),
-            renderCloseButton(),
-            children || null));
+        return (_jsxs("div", { className: popupClassName, style: popupStyle, onClick: onStopPropagation, children: [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: () => {
+        return (_jsx(CSSTransition, { timeout: 300, in: visible, classNames: transitionClassName, mountOnEnter: true, unmountOnExit: destroyOnClose, onExited: () => {
                 setAnimatedVisible(false);
-            } }, renderPopup()));
+            }, children: renderPopup() }));
     };
     /** 遮罩层动画 */
     const renderOverlayTransition = () => {
-        return (React.createElement(CSSTransition, { mountOnEnter: true, unmountOnExit: true, timeout: 300, in: visible, classNames: "weda-flow-popup-fade" }, renderOverlay()));
+        return (_jsx(CSSTransition, { mountOnEnter: true, unmountOnExit: true, timeout: 300, in: visible, classNames: "weda-flow-popup-fade", children: renderOverlay() }));
     };
-    return createPortal(React.createElement(React.Fragment, null,
-        renderOverlayTransition(),
-        renderPopupTransition()), container);
+    return createPortal(_jsxs(_Fragment, { children: [renderOverlayTransition(), renderPopupTransition()] }), container);
 }
 /** 获取初始样式 */
 function getInitialStyle(position, height, width) {

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

@@ -1,4 +1,5 @@
-import React, { useRef, useEffect, useState } from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useEffect, useState } from 'react';
 import { Button } from 'tea-component';
 import UserTreeSelect from '../../../../../form/userOrgSelect/component/user-select-h5';
 import './style.css';
@@ -23,7 +24,7 @@ export function FlowUserSelect(props) {
             (_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
+    return (_jsx(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',
@@ -37,7 +38,5 @@ export function FlowUserSelectBtn(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 })));
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { ...buttonProps, onClick: onOpenUserSelect, children: buttonText }), _jsx(FlowUserSelect, { visible: visible, onClose: onCloseUserSelect, ...restProps, showOriginEntry: false })] }));
 }

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

@@ -1,20 +1,19 @@
 /** 审批类型操作的表单配置(同意、拒绝、处理、转办) */
 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 { isH5, approvalPageDetail, processInstance } = flowProps;
+    const actionTypeName = (processInstance === null || processInstance === void 0 ? void 0 : processInstance.userTaskType) === 2 ? '处理' : '审批';
     /** 当前节点名称 只读表单项配置 */
     const currentNodeNameConfig = {
         label: '当前节点',
-        content: flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.currentNodeName,
+        content: processInstance === null || processInstance === void 0 ? void 0 : processInstance.currentNodeName,
         readonly: true,
         field: 'currentNodeName',
     };
     /** 当前审批/处理人 只读表单项配置 */
     const currentApproverNameConfig = {
         label: `${actionTypeName}人`,
-        content: (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.currentApproverName) || '-',
+        content: (processInstance === null || processInstance === void 0 ? void 0 : processInstance.currentApproverName) || '-',
         readonly: true,
         field: 'currentApproverName',
     };
@@ -52,7 +51,7 @@ export function getApprovalFormConfig(flowProps) {
     const userSelectConfig = {
         label: '抄送',
         field: 'ccUserIds',
-        hidden: !(pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showCarbonCopy),
+        hidden: !(approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showCarbonCopy),
         component: 'FlowUserSelect',
         props: {
             label: '抄送',
@@ -69,7 +68,7 @@ export function getApprovalFormConfig(flowProps) {
     /** 表单配置 */
     return {
         agree: {
-            formTitle: `审批意见 - ${((_a = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) === null || _a === void 0 ? void 0 : _a[1]) || '同意'}`,
+            formTitle: `审批意见 - ${((_a = approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.buttons) === null || _a === void 0 ? void 0 : _a[1]) || '同意'}`,
             formItems: [
                 currentNodeNameConfig,
                 currentApproverNameConfig,
@@ -78,7 +77,7 @@ export function getApprovalFormConfig(flowProps) {
             ],
         },
         reject: {
-            formTitle: `审批意见 - ${((_b = pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.buttons) === null || _b === void 0 ? void 0 : _b[2]) || '拒绝'}`,
+            formTitle: `审批意见 - ${((_b = approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.buttons) === null || _b === void 0 ? void 0 : _b[2]) || '拒绝'}`,
             formItems: [
                 currentNodeNameConfig,
                 currentApproverNameConfig,
@@ -97,7 +96,7 @@ export function getApprovalFormConfig(flowProps) {
             ],
         },
         handle: {
-            formTitle: `${(flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.operationName) || '处理'}意见`,
+            formTitle: `${(processInstance === null || processInstance === void 0 ? void 0 : processInstance.operationName) || '处理'}意见`,
             formItems: [
                 currentNodeNameConfig,
                 currentApproverNameConfig,

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

@@ -2,9 +2,7 @@ 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 { isH5, currentPageType, approvalPageDetail, processInstance } = flowProps || {};
     const approvalFormConfig = getApprovalFormConfig(flowProps);
     const config = [
         {
@@ -16,8 +14,8 @@ export function getControlConfig(flowProps) {
                 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),
+                !(approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showSubmitApp) &&
+                (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showRollBack),
         },
         {
             actionKey: FLOW_CONTROL_ACTION_KEY.ADD_ASSIGNEE,
@@ -28,8 +26,8 @@ export function getControlConfig(flowProps) {
                 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),
+                !(approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showSubmitApp) &&
+                (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showAddAssignee),
         },
         {
             actionKey: FLOW_CONTROL_ACTION_KEY.TURN_TO_PERSON,
@@ -42,14 +40,14 @@ export function getControlConfig(flowProps) {
                 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),
+                !(approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showSubmitApp) &&
+                (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.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]) || '拒绝',
+                label: ((_a = approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.buttons) === null || _a === void 0 ? void 0 : _a[2]) || '拒绝',
                 buttonAction: 3,
                 afterAction: 'afterReject',
                 approvalFormInfo: approvalFormConfig.reject,
@@ -60,14 +58,14 @@ export function getControlConfig(flowProps) {
                 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,
+                !(approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showSubmitApp) &&
+                (processInstance === null || processInstance === void 0 ? void 0 : processInstance.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]) || '同意',
+                label: ((_b = approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.buttons) === null || _b === void 0 ? void 0 : _b[1]) || '同意',
                 buttonAction: 2,
                 afterAction: 'afterAgree',
                 approvalFormInfo: approvalFormConfig.agree,
@@ -79,14 +77,14 @@ export function getControlConfig(flowProps) {
             },
             hideDivider: true,
             visible: currentPageType === 'TODO' &&
-                !(pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) &&
-                (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.userTaskType) !== 2,
+                !(approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showSubmitApp) &&
+                (processInstance === null || processInstance === void 0 ? void 0 : processInstance.userTaskType) !== 2,
         },
         {
             actionKey: FLOW_CONTROL_ACTION_KEY.HANDLE,
             component: 'ApprovalDrawer',
             props: {
-                label: (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.operationName) || '处理',
+                label: (processInstance === null || processInstance === void 0 ? void 0 : processInstance.operationName) || '处理',
                 buttonAction: 2,
                 afterAction: 'afterHandle',
                 approvalFormInfo: approvalFormConfig.handle,
@@ -98,8 +96,8 @@ export function getControlConfig(flowProps) {
             },
             hideDivider: true,
             visible: currentPageType === 'TODO' &&
-                !(pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp) &&
-                (flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.userTaskType) === 2,
+                !(approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showSubmitApp) &&
+                (processInstance === null || processInstance === void 0 ? void 0 : processInstance.userTaskType) === 2,
         },
         {
             actionKey: FLOW_CONTROL_ACTION_KEY.REVOKE,
@@ -114,7 +112,8 @@ export function getControlConfig(flowProps) {
                 buttonIcon: isH5 ? 'minus-circle' : '',
             },
             hideDivider: true,
-            visible: ['CREATE', 'DONE'].includes(currentPageType) && (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showRevoke),
+            visible: ['CREATE', 'DONE'].includes(currentPageType) &&
+                (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showRevoke),
         },
         {
             actionKey: FLOW_CONTROL_ACTION_KEY.CC,
@@ -124,9 +123,9 @@ export function getControlConfig(flowProps) {
                 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),
+                (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.show) &&
+                (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showSubmitApp) &&
+                (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showCarbonCopy),
         },
         {
             actionKey: FLOW_CONTROL_ACTION_KEY.SAVE_DRAFT,
@@ -138,9 +137,9 @@ export function getControlConfig(flowProps) {
                 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),
+                (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.show) &&
+                (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showSubmitApp) &&
+                (processInstance === null || processInstance === void 0 ? void 0 : processInstance.canDelete),
         },
         {
             actionKey: FLOW_CONTROL_ACTION_KEY.CANCEL_SUBMIT,
@@ -154,15 +153,15 @@ export function getControlConfig(flowProps) {
                 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),
+                (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.show) &&
+                (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showSubmitApp) &&
+                (processInstance === null || processInstance === void 0 ? void 0 : processInstance.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]) || '提交申请',
+                label: ((_c = approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.buttons) === null || _c === void 0 ? void 0 : _c[3]) || '提交申请',
                 buttonAction: 1,
                 afterAction: 'afterSubmit',
                 buttonIcon: isH5 ? 'upload' : '',
@@ -173,8 +172,8 @@ export function getControlConfig(flowProps) {
             },
             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),
+                (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.show) &&
+                (approvalPageDetail === null || approvalPageDetail === void 0 ? void 0 : approvalPageDetail.showSubmitApp),
         },
         {
             actionKey: FLOW_CONTROL_ACTION_KEY.NEXT_APPROVER,
@@ -188,11 +187,17 @@ export function getControlConfig(flowProps) {
         },
     ];
     config.forEach((config) => {
-        // 统一设置id和流程公共属性
         config.props = {
             ...config.props,
+            // 统一设置id
             id: setConfigElementId(config.actionKey),
-            flowFrameCommonProps: flowProps,
+            // 统一设置流程公共属性
+            flowModulesProps: flowProps,
+            // 统一设置每个按钮的禁用状态
+            buttonProps: {
+                ...(config.props.buttonProps || {}),
+                disabled: flowProps.commonFlowLoading,
+            },
         };
     });
     return config;

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

@@ -1,26 +1,32 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 import { Button } from 'tea-component';
 import { WdDivider } from '../../../wd-divider';
-import { createModuleFrame } from '../../frame';
+import { useFlowConfig, WedaFlowContainer, } from '../../common';
 import { getControlConfig } from './config';
 import { useFlowControlModel } from './view-model';
 import { CONTROL_COMPONENT } from './controls-items';
 import './style.css';
 /** 流程控制组件 */
-const FlowControl = (props) => {
-    const controlModel = useFlowControlModel(props);
-    const configs = getControlConfig(props);
+export const ModelFlowControl = (props) => {
+    const flowConfig = useFlowConfig({
+        moduleName: 'flow-control',
+        wedaPlatformProps: props,
+    });
+    const flowModuleProps = {
+        ...flowConfig,
+        wedaPlatformProps: props,
+    };
+    const controlModel = useFlowControlModel(flowModuleProps);
+    const configs = getControlConfig(flowModuleProps);
     /** 已回退之后不显示任何操作按钮 */
     if (controlModel.hasGoBack)
         return null;
-    return (React.createElement("div", { className: `weda-flow-control ${props.flowLocalProps.isH5 ? 'weda-flow-h5-control' : ''}` }, configs.map((config) => {
-        const { component, props, visible, actionKey } = config;
-        const Component = CONTROL_COMPONENT[component] || Button;
-        if (!visible)
-            return null;
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Component, { ...props, key: config.actionKey, actionKey: actionKey, flowControlModel: controlModel }),
-            !(config === null || config === void 0 ? void 0 : config.hideDivider) && (React.createElement(WdDivider, { type: "solid", className: "weda-flow-control-divider" }))));
-    })));
+    return (_jsx(WedaFlowContainer, { wedaPlatformProps: props, ref: flowConfig.elementRef, children: _jsx("div", { className: `weda-flow-control ${flowConfig.isH5 ? 'weda-flow-h5-control' : ''}`, children: configs.map((config) => {
+                const { component, props, visible, actionKey } = config;
+                const Component = CONTROL_COMPONENT[component] || Button;
+                if (!visible)
+                    return null;
+                return (_jsxs(_Fragment, { children: [_createElement(Component, { ...props, key: config.actionKey, actionKey: actionKey, flowControlModel: controlModel }), !(config === null || config === void 0 ? void 0 : config.hideDivider) && (_jsx(WdDivider, { type: "solid", className: "weda-flow-control-divider" }))] }));
+            }) }) }));
 };
-export const ModelFlowControl = createModuleFrame(FlowControl, 'flow-control');

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

@@ -1,13 +1,13 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { message } from 'tea-component';
+import { flowRequest } from '../../../common';
 import { FlowUserSelectBtn } from '../components';
 /**
  * 提交申请抄送按钮
  */
 export function AddAssigneeBtn(props) {
-    const { flowControlModel, flowFrameCommonProps } = props;
-    const { flowRequest } = flowFrameCommonProps.flowLocalProps;
-    const { flowDetail } = flowFrameCommonProps.commonFlowData;
+    const { flowControlModel, flowModulesProps } = props;
+    const { processInstance, isH5 } = flowModulesProps;
     const onUserChange = (user) => {
         addCounterSignAssignee(user.userIds);
     };
@@ -16,9 +16,9 @@ export function AddAssigneeBtn(props) {
         const result = await flowRequest({
             action: 'AddCounterSignAssignee',
             data: {
-                instanceId: flowDetail.instanceId,
-                nodeId: flowDetail.currentNodeId,
-                taskId: flowDetail.taskId,
+                instanceId: processInstance.instanceId,
+                nodeId: processInstance.currentNodeId,
+                taskId: processInstance.taskId,
                 assigneeIds,
             },
         });
@@ -29,5 +29,5 @@ export function AddAssigneeBtn(props) {
             flowControlModel.onAfterFinishFlowAction(props.actionKey, props.afterAction);
         }
     };
-    return (React.createElement(FlowUserSelectBtn, { buttonProps: { ...props.buttonProps, id: props.id }, buttonText: props.label, onChange: onUserChange, isH5: props.flowFrameCommonProps.flowLocalProps.isH5, multiple: true }));
+    return (_jsx(FlowUserSelectBtn, { buttonProps: { ...props.buttonProps, id: props.id }, buttonText: props.label, onChange: onUserChange, isH5: isH5, multiple: true }));
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { FlowUserSelectBtn } from '../components';
 /**
  * 提交申请抄送按钮
@@ -8,5 +8,5 @@ export function ApplyCcBtn(props) {
     const onUserChange = (user) => {
         props.flowControlModel.setApplyCcUser(user.userIds);
     };
-    return (React.createElement(FlowUserSelectBtn, { buttonProps: { ...props.buttonProps, id: props.id }, buttonText: `${props.label}(${(_b = (_a = props.flowControlModel.applyCcUser) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0})`, onChange: onUserChange, isH5: props.flowFrameCommonProps.flowLocalProps.isH5, multiple: true }));
+    return (_jsx(FlowUserSelectBtn, { buttonProps: { ...props.buttonProps, id: props.id }, buttonText: `${props.label}(${(_b = (_a = props.flowControlModel.applyCcUser) === null || _a === void 0 ? void 0 : _a.length) !== null && _b !== void 0 ? _b : 0})`, onChange: onUserChange, isH5: props.flowModulesProps.isH5, multiple: true }));
 }

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

@@ -1,4 +1,5 @@
-import React, { useState, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useRef } from 'react';
 // eslint-disable-next-line import/no-named-as-default
 import HighlightWithinTextarea from 'react-highlight-within-textarea';
 import { Button } from 'tea-component';
@@ -80,11 +81,7 @@ export function FlowComment(props) {
         (_b = props === null || props === void 0 ? void 0 : props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, newValues);
         setHighlightPositions(highlightPositions);
     };
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: `weda-flow-comment ${bordered ? 'bordered' : ''}`, onKeyUp: keyboardModel.onKeyUp },
-            React.createElement(HighlightWithinTextarea, { value: commentValue, onChange: onCommentChange, highlight: highlightPositions, placeholder: placeholder, ref: textAreaRef, onFocus: () => rangeModel.getRange(!isH5), onBlur: () => rangeModel.getRange(!isH5) }),
-            React.createElement(FlowUserSelect, { visible: userModalVisible, multiple: true, onChange: onUserChange, onClose: () => setUserModalVisible(false), defaultValue: [], isH5: props.isH5 })),
-        isH5 ? (React.createElement(Button, { type: "link", onClick: onPressAtSingle, style: props.atButtonStyle }, "@\u67D0\u4EBA")) : null));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `weda-flow-comment ${bordered ? 'bordered' : ''}`, onKeyUp: keyboardModel.onKeyUp, children: [_jsx(HighlightWithinTextarea, { value: commentValue, onChange: onCommentChange, highlight: highlightPositions, placeholder: placeholder, ref: textAreaRef, onFocus: () => rangeModel.getRange(!isH5), onBlur: () => rangeModel.getRange(!isH5) }), _jsx(FlowUserSelect, { visible: userModalVisible, multiple: true, onChange: onUserChange, onClose: () => setUserModalVisible(false), defaultValue: [], isH5: props.isH5 })] }), isH5 ? (_jsx(Button, { type: "link", onClick: onPressAtSingle, style: props.atButtonStyle, children: "@\u67D0\u4EBA" })) : null] }));
 }
 /** 处理评论框光标hook */
 function useRangeModel() {

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Drawer, Button, Form } from 'tea-component';
 import { FlowPopup, FlowUserSelect } from '../../../components';
 import { FlowField } from '../field';
@@ -20,45 +20,38 @@ export const DrawerForm = (props) => {
         onClose: props.onClose,
     };
     if (props.isH5) {
-        return React.createElement(DrawerFormH5View, { ...commonProps });
+        return _jsx(DrawerFormH5View, { ...commonProps });
     }
-    return React.createElement(DrawerFormPCView, { ...commonProps });
+    return _jsx(DrawerFormPCView, { ...commonProps });
 };
 DrawerForm.displayName = 'DrawerForm';
 /** 抽屉表单PC视图 */
 function DrawerFormPCView(props) {
     const { drawerFormModel, formInfo, visible, onClose } = props;
-    return (React.createElement(Drawer, { showMask: true, destroyOnClose: true, size: "l", outerClickClosable: false, visible: visible, onClose: onClose, title: formInfo.formTitle, className: "weda-flow-approval-drawer", footer: React.createElement(React.Fragment, null,
-            React.createElement(Button, { type: "primary", onClick: drawerFormModel.onSubmitForm, loading: props.submitLoading }, "\u63D0\u4EA4"),
-            React.createElement(Button, { onClick: onClose }, "\u53D6\u6D88")) },
-        React.createElement(Form, null, formInfo.formItems.map((formItem) => {
-            var _a, _b;
-            if (formItem.hidden)
-                return;
-            if (formItem.readonly) {
-                return (React.createElement(Form.Item, { key: formItem.field, label: formItem.label },
-                    React.createElement(Form.Text, null, formItem.content)));
-            }
-            const Component = FormComponents[formItem.component];
-            return (React.createElement(Form.Item, { label: formItem.label, key: formItem.field, required: formItem.required, showStatusIcon: false, message: ((_a = drawerFormModel.errorMap) === null || _a === void 0 ? void 0 : _a[formItem.field]) ||
-                    formItem.help ||
-                    '', status: ((_b = drawerFormModel.errorMap) === null || _b === void 0 ? void 0 : _b[formItem.field]) ? 'error' : 'success' },
-                React.createElement(Component, { ...formItem.props, onChange: (value) => drawerFormModel.onFormItemChange(value, formItem) })));
-        }))));
+    return (_jsx(Drawer, { showMask: true, destroyOnClose: true, size: "l", outerClickClosable: false, visible: visible, onClose: onClose, title: formInfo.formTitle, className: "weda-flow-approval-drawer", footer: _jsxs(_Fragment, { children: [_jsx(Button, { type: "primary", onClick: drawerFormModel.onSubmitForm, loading: props.submitLoading, children: "\u63D0\u4EA4" }), _jsx(Button, { onClick: onClose, children: "\u53D6\u6D88" })] }), children: _jsx(Form, { children: formInfo.formItems.map((formItem) => {
+                var _a, _b;
+                if (formItem.hidden)
+                    return;
+                if (formItem.readonly) {
+                    return (_jsx(Form.Item, { label: formItem.label, children: _jsx(Form.Text, { children: formItem.content }) }, formItem.field));
+                }
+                const Component = FormComponents[formItem.component];
+                return (_jsx(Form.Item, { label: formItem.label, required: formItem.required, showStatusIcon: false, message: ((_a = drawerFormModel.errorMap) === null || _a === void 0 ? void 0 : _a[formItem.field]) ||
+                        formItem.help ||
+                        '', status: ((_b = drawerFormModel.errorMap) === null || _b === void 0 ? void 0 : _b[formItem.field]) ? 'error' : 'success', children: _jsx(Component, { ...formItem.props, onChange: (value) => drawerFormModel.onFormItemChange(value, formItem) }) }, formItem.field));
+            }) }) }));
 }
 /** 抽屉表单H5视图 */
 function DrawerFormH5View(props) {
     const { drawerFormModel, formInfo, visible, onClose } = props;
-    return (React.createElement(FlowPopup, { destroyOnClose: true, closeable: true, position: "bottom", className: "weda-flow-approval-drawer-mobile", overlayStyle: { zIndex: 998 }, height: 550, visible: visible, onClose: onClose, title: formInfo.formTitle },
-        formInfo.formItems.map((formItem, index) => {
-            var _a, _b;
-            if (formItem.hidden)
-                return;
-            if (formItem.readonly) {
-                return (React.createElement(FlowField, { key: formItem.field, content: formItem.content, label: formItem.label, bordered: index !== formInfo.formItems.length - 1 }));
-            }
-            const Component = FormComponents[formItem.component];
-            return (React.createElement(FlowField, { key: formItem.field, label: formItem.label, required: formItem.required, errorMessage: ((_a = drawerFormModel.errorMap) === null || _a === void 0 ? void 0 : _a[formItem.field]) || '', bordered: index !== formInfo.formItems.length - 1, layout: ((_b = formItem === null || formItem === void 0 ? void 0 : formItem.extra) === null || _b === void 0 ? void 0 : _b.isH5Vertical) ? 'vertical' : 'horizontal', content: React.createElement(Component, { ...formItem.props, onChange: (value) => drawerFormModel.onFormItemChange(value, formItem) }) }));
-        }),
-        React.createElement(Button, { type: "primary", onClick: drawerFormModel.onSubmitForm, className: "submit", loading: props.submitLoading }, "\u63D0\u4EA4")));
+    return (_jsxs(FlowPopup, { destroyOnClose: true, closeable: true, position: "bottom", className: "weda-flow-approval-drawer-mobile", overlayStyle: { zIndex: 998 }, height: 550, visible: visible, onClose: onClose, title: formInfo.formTitle, children: [formInfo.formItems.map((formItem, index) => {
+                var _a, _b;
+                if (formItem.hidden)
+                    return;
+                if (formItem.readonly) {
+                    return (_jsx(FlowField, { content: formItem.content, label: formItem.label, bordered: index !== formInfo.formItems.length - 1 }, formItem.field));
+                }
+                const Component = FormComponents[formItem.component];
+                return (_jsx(FlowField, { label: formItem.label, required: formItem.required, errorMessage: ((_a = drawerFormModel.errorMap) === null || _a === void 0 ? void 0 : _a[formItem.field]) || '', bordered: index !== formInfo.formItems.length - 1, layout: ((_b = formItem === null || formItem === void 0 ? void 0 : formItem.extra) === null || _b === void 0 ? void 0 : _b.isH5Vertical) ? 'vertical' : 'horizontal', content: _jsx(Component, { ...formItem.props, onChange: (value) => drawerFormModel.onFormItemChange(value, formItem) }) }, formItem.field));
+            }), _jsx(Button, { type: "primary", onClick: drawerFormModel.onSubmitForm, className: "submit", loading: props.submitLoading, children: "\u63D0\u4EA4" })] }));
 }

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from '../../../../../../../utils/classnames';
 import './style.css';
 export function FlowField(props) {
@@ -8,9 +8,5 @@ export function FlowField(props) {
         ['vertical']: layout === 'vertical',
         ['horizontal']: layout === 'horizontal',
     });
-    return (React.createElement("div", { className: outerClassNames },
-        React.createElement("div", { className: `weda-flow-field-label ${required ? 'required' : ''}` }, label),
-        React.createElement("div", { className: "weda-flow-field-content" },
-            content,
-            errorMessage ? (React.createElement("div", { className: "weda-flow-field-error" }, errorMessage)) : null)));
+    return (_jsxs("div", { className: outerClassNames, children: [_jsx("div", { className: `weda-flow-field-label ${required ? 'required' : ''}`, children: label }), _jsxs("div", { className: "weda-flow-field-content", children: [content, errorMessage ? (_jsx("div", { className: "weda-flow-field-error", children: errorMessage })) : null] })] }));
 }