@cloudbase/weda-ui 3.5.2-mp → 3.5.3

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getPageQuery } from '../../../../../utils/getPageQuery';
+import { FlowButton } from '../components';
+/**
+ * 取消申请
+ */
+export function CancelApplyBtn(props) {
+    return (_jsx(FlowButton, { ...props.buttonProps, buttonIcon: props.buttonIcon, id: props.id, onClick: navigateToFlowCenter, children: props.label }));
+}
+/** 返回流程中心 */
+function navigateToFlowCenter() {
+    const { origin, pathname } = location;
+    const { envType } = getPageQuery();
+    window.location.href = `${origin}${pathname}#/flowCenter?envType=${envType}`;
+}

package/dist/web/components/flow/modules/operations/controls-items/check-list-popup/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ButtonProps } from 'tea-component';
+import { IFlowPopupProps } from '../../components';
+import './style.css';
+export interface IFlowCheckListPopupProps extends IFlowPopupProps {
+    confirmButtonProps?: ButtonProps;
+    confirmButtonText?: string;
+}
+/** 单双选弹窗(Popup)容器 */
+export declare function FlowCheckListPopup(props: IFlowCheckListPopupProps): JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/check-list-popup/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from 'tea-component';
+import { FlowPopup } from '../../components';
+import './style.css';
+/** 单双选弹窗(Popup)容器 */
+export function FlowCheckListPopup(props) {
+    const { confirmButtonProps, confirmButtonText = '确认', ...restProps } = props;
+    return (_jsxs(FlowPopup, { position: "bottom", closeable: true, className: "weda-flow-checklist-popup", closeContentPosition: "top-left", closeContent: "\u53D6\u6D88", ...restProps, children: [_jsx("div", { className: "weda-flow-checklist-body", children: props.children || null }), _jsx(Button, { type: "link", className: "weda-flow-checklist-confirm", ...confirmButtonProps, children: confirmButtonText })] }));
+}

package/dist/web/components/flow/modules/operations/controls-items/check-list-popup/style.css

@@ -0,0 +1,26 @@
+.weda-flow-checklist-popup {
+  display: flex;
+  flex-direction: column;
+}
+.weda-flow-checklist-body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 0 16px;
+}
+.weda-flow-checklist-body .wedatea2td-form-check-group {
+  display: block;
+}
+.weda-flow-checklist-body .wedatea2td-form-check {
+  border-bottom: 0.5px solid #e7e7e7;
+  padding: 12px 0;
+  position: relative;
+  display: flex;
+  margin: 0 !important;
+}
+
+.weda-flow-checklist-confirm {
+  position: absolute;
+  top: 20px;
+  right: 20px;
+  font-size: 14px;
+}

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IFlowControlItemProps } from '../types';
+/**
+ * 选择下一节点审批人弹窗
+ */
+export declare const FlowTaskInfoModal: React.FC<IFlowControlItemProps>;

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal/index.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Modal, SelectMultiple, Button, Form, Checkbox } from 'tea-component';
+import { FlowCheckListPopup } from '../check-list-popup';
+import { useFlowTaskInfoModel } from './view-model';
+/**
+ * 选择下一节点审批人弹窗
+ */
+export const FlowTaskInfoModal = (props) => {
+    const { isH5, visible, assigneeOptions, selectedAssignees, setSelectedAssignees, onSubmitTaskIds, } = useFlowTaskInfoModel(props);
+    const renderModal = () => {
+        return (_jsxs(Modal, { visible: visible, caption: props.label, onClose: () => onSubmitTaskIds(), size: "auto", children: [_jsx(Modal.Body, { children: _jsx(Form, { style: { marginBottom: '5px' }, children: _jsx(Form.Item, { label: "\u9009\u62E9\u5904\u7406\u4EBA", children: _jsx(SelectMultiple, { searchable: true, matchButtonWidth: true, appearance: "button", size: "full", style: { width: 300 }, staging: false, options: assigneeOptions, value: selectedAssignees, onChange: (value) => setSelectedAssignees(value) }) }) }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { type: "primary", onClick: () => onSubmitTaskIds(false), disabled: !selectedAssignees.length, children: "\u786E\u5B9A" }), _jsx(Button, { type: "weak", onClick: () => onSubmitTaskIds(), children: "\u53D6\u6D88" })] })] }));
+    };
+    const renderPopup = () => {
+        return (_jsx(FlowCheckListPopup, { visible: visible, onClose: () => onSubmitTaskIds(), title: props.label, overlayStyle: { zIndex: 998 }, height: 550, confirmButtonProps: {
+                disabled: !selectedAssignees.length,
+                onClick: () => onSubmitTaskIds(false),
+            }, children: _jsx(Checkbox.Group, { value: selectedAssignees, onChange: (value) => setSelectedAssignees(value), layout: "column", children: assigneeOptions.map((option) => (_jsx(Checkbox, { name: option.value, children: option.text }, option.value))) }) }));
+    };
+    return _jsxs(_Fragment, { children: [" ", isH5 ? renderPopup() : renderModal()] });
+};

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal/view-model.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from '../types';
+/**
+ * 下一节点审批人model
+ */
+export declare function useFlowTaskInfoModel(params: IFlowControlItemProps): {
+    isH5: boolean;
+    visible: boolean;
+    assigneeOptions: any[];
+    selectedAssignees: any[];
+    setSelectedAssignees: import("react").Dispatch<import("react").SetStateAction<any[]>>;
+    onSubmitTaskIds: (isCancel?: boolean) => void;
+};

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal/view-model.js

@@ -0,0 +1,119 @@
+import { useRef, useEffect, useState } from 'react';
+import { flowRequest } from '../../../../common';
+/**
+ * 下一节点审批人model
+ */
+export function useFlowTaskInfoModel(params) {
+    const { isH5 } = params.flowModulesProps;
+    const { onAfterFinishFlowAction } = params.flowControlModel;
+    /** 弹框是否可见 */
+    const [visible, setVisible] = useState(false);
+    /** 审批人列表 */
+    const [assigneeOptions, setAssigneeOptions] = useState([]);
+    /** 审批人 - 任务 映射对象 */
+    const assigneeTasksMapRef = useRef({});
+    /** 集合任务id */
+    const taskIdRef = useRef([]);
+    /** 已选审批人数组 */
+    const [selectedAssignees, setSelectedAssignees] = useState([]);
+    const timer = useRef(null);
+    useEffect(() => {
+        return () => {
+            cleanTiming();
+        };
+    }, []);
+    useEffect(() => {
+        if (params.flowControlModel.triggerFlowTaskInfo) {
+            /** 获取下一节点审批人触发信息 */
+            const { toBeSubmittedFlowTaskInfo } = params.flowControlModel.triggerFlowTaskInfo || {};
+            /** 转化下一节点审批人触发信息 */
+            const { assigneeTasksMap, assigneeOptions, taskIds } = transFlowTaskInfo(toBeSubmittedFlowTaskInfo);
+            setVisible(true);
+            setAssigneeOptions(assigneeOptions);
+            assigneeTasksMapRef.current = assigneeTasksMap;
+            taskIdRef.current = taskIds;
+            timingSubmit();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [params.flowControlModel.triggerFlowTaskInfo]);
+    const cleanTiming = () => {
+        clearTimeout(timer.current);
+    };
+    /** 审批人列表提交 */
+    const submitFlowTaskList = async (flowTaskIds) => {
+        const result = await flowRequest({
+            action: 'SubmitFlowTaskList',
+            data: { flowTaskIds },
+        });
+        if (result === null || result === void 0 ? void 0 : result.status) {
+            setVisible(false);
+            setSelectedAssignees([]);
+            cleanTiming();
+            // 执行完成后自定义动作
+            onAfterFinishFlowAction(params.actionKey, params.afterAction);
+        }
+    };
+    /** 定时提交 */
+    const timingSubmit = () => {
+        // eslint-disable-next-line rulesdir/no-timer
+        timer.current = setTimeout(() => {
+            submitFlowTaskList();
+        }, 600000);
+    };
+    /** 提交按钮动作 */
+    const onSubmitTaskIds = (isCancel = true) => {
+        const selectedTaskIds = getSelectAssigneeTask(assigneeTasksMapRef.current, selectedAssignees);
+        const taskIds = isCancel ? taskIdRef.current : selectedTaskIds;
+        submitFlowTaskList(taskIds);
+    };
+    return {
+        isH5,
+        visible,
+        assigneeOptions,
+        selectedAssignees,
+        setSelectedAssignees,
+        onSubmitTaskIds,
+    };
+}
+/**
+ * 转换下一节点审批人任务信息。
+ */
+function transFlowTaskInfo(flowTaskInfoList) {
+    return flowTaskInfoList.reduce((result, infoItem) => {
+        const { assignee, assigneeName, waitFlowTaskId } = infoItem;
+        // 设置选择列表options
+        if (!result.assigneeOptions.some((option) => option.value === assignee)) {
+            result.assigneeOptions.push({
+                text: assigneeName,
+                value: assignee,
+            });
+        }
+        /**
+         * 设置审批人 与 任务id 映射
+         * 一个审批人可能会因为并行网关的原因 会有多个任务id。也就是 并行网关下可能会存在两条及以上的审批线路，每个线路都可能会有同一个审批人进行审批
+         * 到时候选审批人的时候把这个人对应的所有任务id都传给后端
+         */
+        if (!result.assigneeTasksMap[assignee]) {
+            result.assigneeTasksMap[assignee] = [];
+        }
+        result.assigneeTasksMap[assignee].push(waitFlowTaskId);
+        // 添加任务id到任务id列表
+        result.taskIds.push(waitFlowTaskId);
+        return result;
+    }, {
+        /** 审批人 与 任务id 映射 */
+        assigneeTasksMap: {},
+        /** 审批人可选项 */
+        assigneeOptions: [],
+        /** 任务id集合 */
+        taskIds: [],
+    });
+}
+/** 获取已选审批人对应的任务 */
+function getSelectAssigneeTask(flowTaskInfoMap, selectedAssignees) {
+    return selectedAssignees.reduce((result, assignee) => {
+        const assigneeTask = flowTaskInfoMap[assignee];
+        result.push(...assigneeTask);
+        return result;
+    }, []);
+}

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from './types';
+/**
+ * 选择下一节点审批人弹窗
+ */
+export declare const FlowTaskInfoModal: (props: IFlowControlItemProps) => JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useEffect, useState } from 'react';
+import { Modal, SelectMultiple, Button, Form, Checkbox } from 'tea-component';
+import { flowRequest } from '../../../common';
+import { FlowCheckListPopup } from './check-list-popup';
+/**
+ * 选择下一节点审批人弹窗
+ */
+export const FlowTaskInfoModal = (props) => {
+    const { isH5, visible, flowTaskInfoList, selectedTaskIds, setSelectedTaskIds, onSubmitTaskIds, } = useFlowTaskInfoModel(props);
+    const options = flowTaskInfoList.map((item) => ({
+        text: item === null || item === void 0 ? void 0 : item.assigneeName,
+        value: item === null || item === void 0 ? void 0 : item.waitFlowTaskId,
+    }));
+    const renderModal = () => {
+        return (_jsxs(Modal, { visible: visible, caption: props.label, onClose: () => onSubmitTaskIds(), size: "auto", children: [_jsx(Modal.Body, { children: _jsx(Form, { style: { marginBottom: '5px' }, children: _jsx(Form.Item, { label: "\u9009\u62E9\u5904\u7406\u4EBA", children: _jsx(SelectMultiple, { searchable: true, matchButtonWidth: true, appearance: "button", size: "full", style: { width: 300 }, staging: false, options: options, value: selectedTaskIds, onChange: (value) => setSelectedTaskIds(value) }) }) }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { type: "primary", onClick: () => onSubmitTaskIds(false), disabled: !selectedTaskIds.length, children: "\u786E\u5B9A" }), _jsx(Button, { type: "weak", onClick: () => onSubmitTaskIds(), children: "\u53D6\u6D88" })] })] }));
+    };
+    const renderPopup = () => {
+        return (_jsx(FlowCheckListPopup, { visible: visible, onClose: () => onSubmitTaskIds(), title: props.label, overlayStyle: { zIndex: 998 }, height: 550, confirmButtonProps: {
+                disabled: !selectedTaskIds.length,
+                onClick: () => onSubmitTaskIds(false),
+            }, children: _jsx(Checkbox.Group, { value: selectedTaskIds, onChange: (value) => setSelectedTaskIds(value), layout: "column", children: options.map((option) => (_jsx(Checkbox, { name: option.value, children: option.text }, option.value))) }) }));
+    };
+    return _jsxs(_Fragment, { children: [" ", isH5 ? renderPopup() : renderModal()] });
+};
+/** 下一节点审批人model */
+function useFlowTaskInfoModel(params) {
+    const { isH5 } = params.flowModulesProps;
+    const { onAfterFinishFlowAction } = params.flowControlModel;
+    /** 弹框是否可见 */
+    const [visible, setVisible] = useState(false);
+    /** 审批人列表 */
+    const [flowTaskInfoList, setFlowTaskInfoList] = useState([]);
+    /** 已选任务数组 */
+    const [selectedTaskIds, setSelectedTaskIds] = useState([]);
+    const timer = useRef(null);
+    useEffect(() => {
+        return () => {
+            cleanTiming();
+        };
+    }, []);
+    useEffect(() => {
+        if (params.flowControlModel.triggerFlowTaskInfo) {
+            const { toBeSubmittedFlowTaskInfo } = params.flowControlModel.triggerFlowTaskInfo || {};
+            setVisible(true);
+            setFlowTaskInfoList(toBeSubmittedFlowTaskInfo || []);
+            timingSubmit();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [params.flowControlModel.triggerFlowTaskInfo]);
+    const cleanTiming = () => {
+        clearTimeout(timer.current);
+    };
+    /** 审批人列表提交 */
+    const submitFlowTaskList = async (flowTaskIds) => {
+        const result = await flowRequest({
+            action: 'SubmitFlowTaskList',
+            data: { flowTaskIds },
+        });
+        if (result === null || result === void 0 ? void 0 : result.status) {
+            setVisible(false);
+            setSelectedTaskIds([]);
+            cleanTiming();
+            // 执行完成后自定义动作
+            onAfterFinishFlowAction(params.actionKey, params.afterAction);
+        }
+    };
+    /** 定时提交 */
+    const timingSubmit = () => {
+        // eslint-disable-next-line rulesdir/no-timer
+        timer.current = setTimeout(() => {
+            submitFlowTaskList();
+        }, 600000);
+    };
+    /** 提交按钮动作 */
+    const onSubmitTaskIds = (isCancel = true) => {
+        const taskIds = isCancel
+            ? flowTaskInfoList.map((i) => i === null || i === void 0 ? void 0 : i.waitFlowTaskId)
+            : selectedTaskIds;
+        submitFlowTaskList(taskIds);
+    };
+    return {
+        isH5,
+        selectedTaskIds,
+        visible,
+        flowTaskInfoList,
+        setSelectedTaskIds,
+        onSubmitTaskIds,
+    };
+}

package/dist/web/components/flow/modules/operations/controls-items/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { AddAssigneeBtn } from './add-assignee-btn';
+import { ApplyCcBtn } from './apply-cc-btn';
+import { ApprovalDrawer } from './approval-drawer';
+import { CancelApplyBtn } from './cancel-apply-btn';
+import { InitiationBtn } from './initiation-btn';
+import { RevokeModal } from './revoke-modal';
+import { RollbackModal } from './roll-back-modal';
+export declare const CONTROL_COMPONENT: {
+    AddAssigneeBtn: typeof AddAssigneeBtn;
+    ApplyCcBtn: typeof ApplyCcBtn;
+    ApprovalDrawer: typeof ApprovalDrawer;
+    CancelApplyBtn: typeof CancelApplyBtn;
+    FlowTaskInfoModal: (props: import("./types").IFlowControlItemProps) => JSX.Element;
+    InitiationBtn: typeof InitiationBtn;
+    RevokeModal: typeof RevokeModal;
+    RollbackModal: typeof RollbackModal;
+};

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

@@ -0,0 +1,18 @@
+import { AddAssigneeBtn } from './add-assignee-btn';
+import { ApplyCcBtn } from './apply-cc-btn';
+import { ApprovalDrawer } from './approval-drawer';
+import { CancelApplyBtn } from './cancel-apply-btn';
+import { FlowTaskInfoModal } from './flow-task-info-modal';
+import { InitiationBtn } from './initiation-btn';
+import { RevokeModal } from './revoke-modal';
+import { RollbackModal } from './roll-back-modal';
+export const CONTROL_COMPONENT = {
+    AddAssigneeBtn,
+    ApplyCcBtn,
+    ApprovalDrawer,
+    CancelApplyBtn,
+    FlowTaskInfoModal,
+    InitiationBtn,
+    RevokeModal,
+    RollbackModal,
+};

package/dist/web/components/flow/modules/operations/controls-items/initiation-btn.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from './types';
+/**
+ * 发起阶段按钮、可用于保存草稿和提交申请两个操作
+ */
+export declare function InitiationBtn(props: IFlowControlItemProps): JSX.Element;

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

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { message } from 'tea-component';
+import { FlowButton } from '../components';
+/**
+ * 发起阶段按钮、可用于保存草稿和提交申请两个操作
+ */
+export function InitiationBtn(props) {
+    const { flowControlModel } = props;
+    const onClick = async () => {
+        var _a;
+        const ccUserIds = (_a = flowControlModel.applyCcUser) === null || _a === void 0 ? void 0 : _a.join();
+        const result = await flowControlModel.getApprovalFormData();
+        if (!result)
+            return;
+        flowControlModel.completeTask({
+            actionKey: props.actionKey,
+            buttonAction: props.buttonAction,
+            afterAction: props.afterAction,
+            data: { ccUserIds },
+            successCallback: () => {
+                message.success({
+                    content: `${props.label}成功`,
+                });
+            },
+        });
+    };
+    return (_jsx(FlowButton, { ...props.buttonProps, buttonIcon: props.buttonIcon, id: props.id, onClick: onClick, children: props.label }));
+}

package/dist/web/components/flow/modules/operations/controls-items/revoke-modal/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from '../types';
+import './style.css';
+/** 撤回弹窗组件 */
+export declare function RevokeModal(props: IFlowControlItemProps): JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/revoke-modal/index.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Button, Modal, message } from 'tea-component';
+import { flowRequest } from '../../../../common';
+import { FlowPopup, FlowButton } from '../../components';
+import './style.css';
+/** 撤回弹窗组件 */
+export function RevokeModal(props) {
+    const { flowModulesProps, flowControlModel } = props;
+    const { isH5, currentPageType, processInstance } = flowModulesProps;
+    const { onAfterFinishFlowAction } = flowControlModel;
+    const [visible, setVisible] = useState(false);
+    const onOpen = () => setVisible(true);
+    const onClose = () => setVisible(false);
+    /** 撤销请求 */
+    const revoke = async () => {
+        const result = await flowRequest({
+            action: 'Revoke',
+            data: {
+                flowCode: processInstance.flowCode,
+                appVersion: processInstance.flowVersion,
+                instanceId: processInstance.instanceId,
+                revokeType: currentPageType === 'CREATE' ? 2 : 1,
+                taskId: currentPageType === 'DONE' ? processInstance.taskId : undefined,
+            },
+        });
+        if (result) {
+            message.success({
+                content: `${props.label}成功`,
+            });
+            onAfterFinishFlowAction(props.actionKey, props.afterAction);
+        }
+    };
+    const renderModal = () => {
+        return (_jsxs(Modal, { visible: visible, caption: "\u64A4\u9500\u6D41\u7A0B\u63D0\u9192", onClose: onClose, children: [_jsx(Modal.Body, { children: "\u6D41\u7A0B\u6B63\u5728\u8FDB\u884C\u4E2D\uFF0C\u786E\u8BA4\u64A4\u9500\u6B64\u6D41\u7A0B\uFF1F" }), _jsxs(Modal.Footer, { children: [_jsx(Button, { type: "primary", onClick: revoke, children: "\u786E\u5B9A" }), _jsx(Button, { type: "weak", onClick: onClose, children: "\u53D6\u6D88" })] })] }));
+    };
+    const renderPopup = () => {
+        return (_jsx(FlowPopup, { visible: visible, onClose: onClose, title: "\u64A4\u9500\u6D41\u7A0B\u63D0\u9192", overlayStyle: { zIndex: 998 }, width: "80%", className: "weda-flow-revoke-popup", children: _jsxs("div", { className: "weda-flow-revoke-tip", children: [_jsx("div", { className: "weda-flow-revoke-content", children: "\u6D41\u7A0B\u6B63\u5728\u8FDB\u884C\u4E2D\uFF0C\u786E\u8BA4\u64A4\u9500\u6B64\u6D41\u7A0B\uFF1F" }), _jsxs("div", { className: "weda-flow-revoke-confirm", children: [_jsx(Button, { type: "text", onClick: onClose, children: "\u53D6\u6D88" }), _jsx(Button, { type: "link", onClick: revoke, children: "\u786E\u8BA4" })] })] }) }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(FlowButton, { ...props.buttonProps, buttonIcon: props.buttonIcon, id: props.id, onClick: onOpen, children: props.label }), isH5 ? renderPopup() : renderModal()] }));
+}

package/dist/web/components/flow/modules/operations/controls-items/revoke-modal/style.css

@@ -0,0 +1,28 @@
+.weda-flow-revoke-popup {
+  border-radius: 4px;
+  width: 80%;
+}
+.weda-flow-revoke-content {
+  color: #0009;
+  font-size: 16px;
+  line-height: 24px;
+  max-height: 288px;
+  overflow: auto;
+  padding: 0 24px;
+  text-align: center;
+}
+
+.weda-flow-revoke-confirm {
+  display: flex;
+  border-top: 1px solid #eee;
+  margin-top: 32px;
+}
+
+.weda-flow-revoke-confirm button {
+  width: 50%;
+  height: 56px;
+}
+
+.weda-flow-revoke-confirm button:first-child {
+  border-right: 1px solid #eee;
+}

package/dist/web/components/flow/modules/operations/controls-items/roll-back-modal.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from './types';
+/** 回退弹窗 */
+export declare function RollbackModal(props: IFlowControlItemProps): JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/roll-back-modal.js

@@ -0,0 +1,96 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { Button, Modal, Select, Form, Radio, message } from 'tea-component';
+import { flowRequest } from '../../../common';
+import { FlowCheckListPopup } from './check-list-popup';
+/** 回退弹窗 */
+export function RollbackModal(props) {
+    const { visible, isH5, preElementList, selectedNodeId, setSelectedNodeId, onOpen, onClose, rollBack, } = useRollbackModel(props);
+    const renderModal = () => {
+        return (_jsxs(Modal, { visible: visible, caption: '流程回退', onClose: onClose, children: [_jsx(Modal.Body, { children: _jsx(Form, { children: _jsx(Form.Item, { label: '选择回退节点', children: _jsx(Select, { size: "full", appearance: "button", matchButtonWidth: true, options: preElementList, value: selectedNodeId, onChange: (value) => setSelectedNodeId(value), style: { width: 200 } }) }) }) }), _jsxs(Modal.Footer, { children: [_jsx(Button, { type: "primary", disabled: (preElementList === null || preElementList === void 0 ? void 0 : preElementList.length) === 0 || !selectedNodeId, onClick: rollBack, children: "\u786E\u5B9A" }), _jsx(Button, { type: "weak", onClick: onClose, children: "\u53D6\u6D88" })] })] }));
+    };
+    const renderPopup = () => {
+        return (_jsx(FlowCheckListPopup, { visible: visible, onClose: onClose, title: "\u8BF7\u9009\u62E9\u56DE\u9000\u8282\u70B9", overlayStyle: { zIndex: 998 }, height: 550, confirmButtonProps: {
+                onClick: rollBack,
+                disabled: (preElementList === null || preElementList === void 0 ? void 0 : preElementList.length) === 0 || !selectedNodeId,
+            }, children: _jsx(Radio.Group, { value: selectedNodeId, onChange: (value) => setSelectedNodeId(value), layout: "column", children: preElementList.map((ele) => (_jsx(Radio, { name: ele.value, children: ele.text }, ele.value))) }) }));
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(Button, { ...props.buttonProps, id: props.id, onClick: onOpen, children: props.label }), isH5 ? renderPopup() : renderModal()] }));
+}
+/** 回退model */
+function useRollbackModel(params) {
+    const { flowModulesProps, flowControlModel } = params;
+    const { isH5, processInstance } = flowModulesProps;
+    const { onAfterFinishFlowAction } = flowControlModel;
+    const [visible, setVisible] = useState(false);
+    /** 可回退节点列表 */
+    const [preElementList, setPreElementList] = useState([]);
+    const [selectedNodeId, setSelectedNodeId] = useState('');
+    useEffect(() => {
+        visible && getPreElementList();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [visible]);
+    const onOpen = () => setVisible(true);
+    const onClose = () => setVisible(false);
+    /** 获取回退节点列表 */
+    const getPreElementList = async () => {
+        const result = await flowRequest({
+            action: 'GetPreElementList',
+            data: {
+                flowCode: processInstance.flowCode,
+                appVersion: processInstance.flowVersion,
+                instanceId: processInstance.instanceId,
+                nodeId: processInstance.currentNodeId,
+            },
+        });
+        if (result === null || result === void 0 ? void 0 : result.data) {
+            const options = [];
+            let lastNodeId = '';
+            result.data.forEach((item) => {
+                if (item.lastNode) {
+                    lastNodeId = item.elementId;
+                }
+                options.push({
+                    ...item,
+                    value: item.elementId,
+                    text: item.elementName,
+                });
+            });
+            setPreElementList(options);
+            setSelectedNodeId(lastNodeId);
+        }
+    };
+    /** 回退请求 */
+    const rollBack = async () => {
+        var _a;
+        const result = await flowRequest({
+            action: 'RollBack',
+            data: {
+                flowCode: processInstance.flowCode,
+                appVersion: processInstance.flowVersion,
+                instanceId: processInstance.instanceId,
+                taskId: processInstance.taskId,
+                nodeId: processInstance.currentNodeId,
+                sourceType: 1,
+                targetNodeId: selectedNodeId,
+                targetActTaskId: (_a = preElementList.find((item) => item.value === selectedNodeId)) === null || _a === void 0 ? void 0 : _a.actTaskId,
+            },
+        }, { previewData: { Status: true } });
+        if (result) {
+            message.success({
+                content: `${params.label}成功`,
+            });
+            onAfterFinishFlowAction(params.actionKey, params.afterAction);
+        }
+    };
+    return {
+        isH5,
+        visible,
+        preElementList,
+        selectedNodeId,
+        setSelectedNodeId,
+        onOpen,
+        onClose,
+        rollBack,
+    };
+}

package/dist/web/components/flow/modules/operations/controls-items/types.d.ts

@@ -0,0 +1,5 @@
+import { IFlowControlConfigItem } from '../config';
+import { IFlowControlModel } from '../view-model';
+export type IFlowControlItemProps = Pick<IFlowControlConfigItem, 'actionKey'> & IFlowControlConfigItem['props'] & {
+    flowControlModel: IFlowControlModel;
+};

package/dist/web/components/flow/modules/operations/controls-items/types.js

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

package/dist/web/components/flow/modules/operations/index.d.ts

@@ -0,0 +1,2 @@
+import { ModelFlowControl } from './control';
+export default ModelFlowControl;

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

@@ -0,0 +1,2 @@
+import { ModelFlowControl } from './control';
+export default ModelFlowControl;

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

@@ -0,0 +1,20 @@
+.weda-flow-control {
+  height: auto;
+  overflow-x: auto;
+  background: #fff;
+  text-align: center;
+  padding: 20px;
+}
+.weda-flow-h5-control {
+  padding: 20px 0px;
+}
+.weda-flow-control-divider {
+  border-top: 0;
+  display: inline-block;
+  margin: 0 12px;
+  border-left: var(--wd-divider-size-border) solid
+    var(--wd-divider-color-border);
+  height: 1em;
+  vertical-align: middle;
+  width: 0;
+}

package/dist/web/components/flow/modules/operations/view-model.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { IFlowModulesProps } from '../../common';
+import { IFlowControlConfigKey, IFlowAfterAction } from './config';
+export type IFlowControlModel = ReturnType<typeof useFlowControlModel>;
+/** 流程控制主model, 包含一些公共状态或方法 */
+export declare function useFlowControlModel(params: IFlowModulesProps): {
+    getApprovalFormData: () => Promise<unknown>;
+    clearFormData: () => void;
+    hasGoBack: boolean;
+    applyCcUser: string[];
+    triggerFlowTaskInfo: any;
+    setApplyCcUser: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+    completeTask: (value: {
+        actionKey: IFlowControlConfigKey;
+        buttonAction: number;
+        afterAction: IFlowAfterAction;
+        data: Record<string, unknown>;
+        setLoadingState?: (state: boolean) => void;
+        successCallback?: () => void;
+    }) => Promise<void>;
+    onAfterFinishFlowAction: (currentActionKey: IFlowControlConfigKey, afterAction: IFlowAfterAction) => void;
+};