@coding-flow/flow-mobile-approval 0.0.1

package/dist/components/flow-approval/components/action/pass.js

@@ -0,0 +1,87 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+import { Form, TextArea, Toast } from "antd-mobile";
+import { PopupModal } from "@coding-flow/flow-mobile-ui";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { SignKeyView } from "../../../../plugins/view/sign-key-view.js";
+import { EventBus } from "@coding-flow/flow-core";
+const PassAction = (props)=>{
+    const action = props.action;
+    const { state, context } = useApprovalContext();
+    const actionPresenter = context.getPresenter().getFlowActionPresenter();
+    const [modalVisible, setModalVisible] = react.useState(false);
+    const isStartNode = state.flow?.nodeType === 'START';
+    const currentOperator = state.flow?.currentOperator;
+    const [form] = Form.useForm();
+    react.useEffect(()=>{
+        EventBus.getInstance().on(action.id, ()=>{
+            if (isStartNode) handleSubmit();
+            else {
+                form.resetFields();
+                setModalVisible(true);
+            }
+        });
+        return ()=>{
+            EventBus.getInstance().off(action.id);
+        };
+    }, []);
+    const handleSubmit = (params)=>{
+        actionPresenter.action(action.id, params).then((res)=>{
+            if (res.success) {
+                Toast.show("操作成功");
+                setModalVisible(false);
+                context.close();
+            }
+        });
+    };
+    const adviceRules = state.flow?.adviceRequired ? [
+        {
+            required: state.flow?.adviceRequired || false,
+            message: '请输入审批意见'
+        }
+    ] : [];
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx(PopupModal, {
+            open: modalVisible,
+            onClose: ()=>{
+                setModalVisible(false);
+            },
+            onOk: ()=>{
+                form.submit();
+            },
+            children: /*#__PURE__*/ jsxs(Form, {
+                form: form,
+                layout: "vertical",
+                onFinish: (values)=>{
+                    handleSubmit(values);
+                },
+                children: [
+                    /*#__PURE__*/ jsx(Form.Item, {
+                        name: "advice",
+                        label: "审批意见",
+                        required: state.flow?.adviceRequired,
+                        rules: adviceRules,
+                        children: /*#__PURE__*/ jsx(TextArea, {
+                            placeholder: "请输入审批意见"
+                        })
+                    }),
+                    state.flow?.signRequired && currentOperator && /*#__PURE__*/ jsx(Form.Item, {
+                        name: "signKey",
+                        label: "审批签名",
+                        required: state.flow?.signRequired,
+                        rules: [
+                            {
+                                required: true,
+                                message: '请设置审批签名'
+                            }
+                        ],
+                        children: /*#__PURE__*/ jsx(SignKeyView, {
+                            current: currentOperator
+                        })
+                    })
+                ]
+            })
+        })
+    });
+};
+export { PassAction };

package/dist/components/flow-approval/components/action/reject.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { FlowActionProps } from "./type";
+/**
+ * 拒绝
+ * @param props
+ * @constructor
+ */
+export declare const RejectAction: React.FC<FlowActionProps>;

package/dist/components/flow-approval/components/action/reject.js

@@ -0,0 +1,64 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import react from "react";
+import { Form, TextArea, Toast } from "antd-mobile";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { PopupModal } from "@coding-flow/flow-mobile-ui";
+import { EventBus } from "@coding-flow/flow-core";
+const RejectAction = (props)=>{
+    const action = props.action;
+    const { state, context } = useApprovalContext();
+    const actionPresenter = context.getPresenter().getFlowActionPresenter();
+    const [modalVisible, setModalVisible] = react.useState(false);
+    const [form] = Form.useForm();
+    react.useEffect(()=>{
+        EventBus.getInstance().on(action.id, ()=>{
+            form.resetFields();
+            setModalVisible(true);
+        });
+        return ()=>{
+            EventBus.getInstance().off(action.id);
+        };
+    }, []);
+    const handleSubmit = (params)=>{
+        actionPresenter.action(action.id, params).then((res)=>{
+            if (res.success) {
+                Toast.show("操作成功");
+                setModalVisible(false);
+                context.close();
+            }
+        });
+    };
+    const adviceRules = state.flow?.adviceRequired ? [
+        {
+            required: state.flow?.adviceRequired || false,
+            message: '请输入审批意见'
+        }
+    ] : [];
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx(PopupModal, {
+            title: "审批拒绝",
+            open: modalVisible,
+            onClose: ()=>setModalVisible(false),
+            onOk: ()=>{
+                form.submit();
+            },
+            children: /*#__PURE__*/ jsx(Form, {
+                form: form,
+                layout: "vertical",
+                onFinish: (values)=>{
+                    handleSubmit(values);
+                },
+                children: /*#__PURE__*/ jsx(Form.Item, {
+                    name: "advice",
+                    label: "拒绝意见",
+                    required: state.flow?.adviceRequired,
+                    rules: adviceRules,
+                    children: /*#__PURE__*/ jsx(TextArea, {
+                        placeholder: "请输入拒绝意见"
+                    })
+                })
+            })
+        })
+    });
+};
+export { RejectAction };

package/dist/components/flow-approval/components/action/return.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { FlowActionProps } from "./type";
+/**
+ * 退回
+ * @param props
+ * @constructor
+ */
+export declare const ReturnAction: React.FC<FlowActionProps>;

package/dist/components/flow-approval/components/action/return.js

@@ -0,0 +1,62 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import react from "react";
+import { Form, Toast } from "antd-mobile";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { ReturnView } from "../../../../plugins/view/return-view.js";
+import { PopupModal } from "@coding-flow/flow-mobile-ui";
+import { EventBus } from "@coding-flow/flow-core";
+const ReturnAction = (props)=>{
+    const action = props.action;
+    const { context } = useApprovalContext();
+    const [form] = Form.useForm();
+    const actionPresenter = context.getPresenter().getFlowActionPresenter();
+    const [modalVisible, setModalVisible] = react.useState(false);
+    const handleSubmit = (params)=>{
+        actionPresenter.action(action.id, params).then((res)=>{
+            if (res.success) {
+                Toast.show("操作成功");
+                setModalVisible(false);
+                context.close();
+            }
+        });
+    };
+    react.useEffect(()=>{
+        EventBus.getInstance().on(action.id, ()=>{
+            form.resetFields();
+            setModalVisible(true);
+        });
+        return ()=>{
+            EventBus.getInstance().off(action.id);
+        };
+    }, []);
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx(PopupModal, {
+            title: "退回审批",
+            open: modalVisible,
+            onClose: ()=>setModalVisible(false),
+            onOk: ()=>{
+                form.submit();
+            },
+            children: /*#__PURE__*/ jsx(Form, {
+                form: form,
+                layout: "vertical",
+                onFinish: (values)=>{
+                    handleSubmit(values);
+                },
+                children: /*#__PURE__*/ jsx(Form.Item, {
+                    name: "backNodeId",
+                    label: "退回节点",
+                    required: true,
+                    rules: [
+                        {
+                            required: true,
+                            message: '退回节点不能为空'
+                        }
+                    ],
+                    children: /*#__PURE__*/ jsx(ReturnView, {})
+                })
+            })
+        })
+    });
+};
+export { ReturnAction };

package/dist/components/flow-approval/components/action/revoke.d.ts

@@ -0,0 +1 @@
+export declare const RevokeAction: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/flow-approval/components/action/revoke.js

@@ -0,0 +1,32 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import "react";
+import { Button, Toast } from "antd-mobile";
+import { Popconfirm } from "@coding-flow/flow-mobile-ui";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+const RevokeAction = ()=>{
+    const { state, context } = useApprovalContext();
+    const presenter = context.getPresenter().getFlowActionPresenter();
+    const revoke = state.flow?.revoke || false;
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: revoke && /*#__PURE__*/ jsx(Popconfirm, {
+            title: "确认要撤销审批吗？",
+            onConfirm: ()=>{
+                presenter.revoke().then((res)=>{
+                    if (res.success) {
+                        Toast.show("流程已撤回");
+                        context.close();
+                    }
+                });
+            },
+            children: /*#__PURE__*/ jsx(Button, {
+                style: {
+                    width: '100%',
+                    padding: '10px',
+                    margin: '5px'
+                },
+                children: "撤回"
+            })
+        })
+    });
+};
+export { RevokeAction };

package/dist/components/flow-approval/components/action/save.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { FlowActionProps } from "./type";
+/**
+ * 保存
+ * @param props
+ * @constructor
+ */
+export declare const SaveAction: React.FC<FlowActionProps>;

package/dist/components/flow-approval/components/action/save.js

@@ -0,0 +1,22 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import react from "react";
+import { Toast } from "antd-mobile";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { EventBus } from "@coding-flow/flow-core";
+const SaveAction = (props)=>{
+    const action = props.action;
+    const { context } = useApprovalContext();
+    const actionPresenter = context.getPresenter().getFlowActionPresenter();
+    react.useEffect(()=>{
+        EventBus.getInstance().on(action.id, ()=>{
+            actionPresenter.action(action.id).then((res)=>{
+                if (res.success) Toast.show("流程数据已保存");
+            });
+        });
+        return ()=>{
+            EventBus.getInstance().off(action.id);
+        };
+    }, []);
+    return /*#__PURE__*/ jsx(Fragment, {});
+};
+export { SaveAction };

package/dist/components/flow-approval/components/action/transfer.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { FlowActionProps } from "./type";
+/**
+ * 转办
+ * @param props
+ * @constructor
+ */
+export declare const TransferAction: React.FC<FlowActionProps>;

package/dist/components/flow-approval/components/action/transfer.js

@@ -0,0 +1,62 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import react from "react";
+import { Form, Toast } from "antd-mobile";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { TransferView } from "../../../../plugins/view/transfer-view.js";
+import { EventBus } from "@coding-flow/flow-core";
+import { PopupModal } from "@coding-flow/flow-mobile-ui";
+const TransferAction = (props)=>{
+    const action = props.action;
+    const { context } = useApprovalContext();
+    const [form] = Form.useForm();
+    const actionPresenter = context.getPresenter().getFlowActionPresenter();
+    const [modalVisible, setModalVisible] = react.useState(false);
+    react.useEffect(()=>{
+        EventBus.getInstance().on(action.id, ()=>{
+            form.resetFields();
+            setModalVisible(true);
+        });
+        return ()=>{
+            EventBus.getInstance().off(action.id);
+        };
+    }, []);
+    const handleSubmit = (params)=>{
+        actionPresenter.action(action.id, params).then((res)=>{
+            if (res.success) {
+                Toast.show("操作成功");
+                setModalVisible(false);
+                context.close();
+            }
+        });
+    };
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx(PopupModal, {
+            title: "转办审批",
+            open: modalVisible,
+            onClose: ()=>setModalVisible(false),
+            onOk: ()=>{
+                form.submit();
+            },
+            children: /*#__PURE__*/ jsx(Form, {
+                form: form,
+                layout: "vertical",
+                onFinish: (values)=>{
+                    handleSubmit(values);
+                },
+                children: /*#__PURE__*/ jsx(Form.Item, {
+                    name: "forwardOperatorIds",
+                    label: "转办人员",
+                    required: true,
+                    rules: [
+                        {
+                            required: true,
+                            message: '转办人员不能为空'
+                        }
+                    ],
+                    children: /*#__PURE__*/ jsx(TransferView, {})
+                })
+            })
+        })
+    });
+};
+export { TransferAction };

package/dist/components/flow-approval/components/action/type.d.ts

@@ -0,0 +1,4 @@
+import { FlowAction } from "@coding-flow/flow-types";
+export interface FlowActionProps {
+    action: FlowAction;
+}

package/dist/components/flow-approval/components/action/urge.d.ts

@@ -0,0 +1 @@
+export declare const UrgeAction: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/flow-approval/components/action/urge.js

@@ -0,0 +1,29 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import "react";
+import { Button, Toast } from "antd-mobile";
+import { Popconfirm } from "@coding-flow/flow-mobile-ui";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+const UrgeAction = ()=>{
+    const { state, context } = useApprovalContext();
+    const presenter = context.getPresenter().getFlowActionPresenter();
+    const urge = state.flow?.urge || false;
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: urge && /*#__PURE__*/ jsx(Popconfirm, {
+            title: "确认要催办审批用户吗？",
+            onConfirm: ()=>{
+                presenter.urge().then((res)=>{
+                    if (res.success) Toast.show("已发送催办提醒.");
+                });
+            },
+            children: /*#__PURE__*/ jsx(Button, {
+                style: {
+                    width: '100%',
+                    padding: '10px',
+                    margin: '5px'
+                },
+                children: "催办"
+            })
+        })
+    });
+};
+export { UrgeAction };

package/dist/components/flow-approval/components/custom-style-button.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FlowActionDisplay } from "@coding-flow/flow-types";
+interface CustomStyleButtonProps {
+    onClick: () => void;
+    title: string;
+    display?: FlowActionDisplay;
+}
+export declare const CustomStyleButton: React.FC<CustomStyleButtonProps>;
+export {};

package/dist/components/flow-approval/components/custom-style-button.js

@@ -0,0 +1,52 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+import { Button, Space } from "antd-mobile";
+import { Icon } from "@coding-flow/flow-icons";
+const CustomStyleButton = (props)=>{
+    const display = props.display;
+    const title = display?.title || props.title;
+    const style = react.useMemo(()=>{
+        if (display) {
+            const data = JSON.parse(display.style);
+            if (data) {
+                let style = {};
+                if (data.backgroundColor) style = Object.assign(data, {
+                    backgroundColor: `#${data.backgroundColor}`
+                });
+                if (data.borderColor) style = Object.assign(data, {
+                    borderColor: `#${data.borderColor}`
+                });
+                if (data.borderRadius) style = Object.assign(data, {
+                    borderRadius: Number.parseInt(data.borderRadius)
+                });
+                if (data.borderSize) style = Object.assign(data, {
+                    borderWidth: Number.parseInt(data.borderSize)
+                });
+                return style;
+            }
+        }
+        return {};
+    }, [
+        display
+    ]);
+    return /*#__PURE__*/ jsx(Button, {
+        onClick: props.onClick,
+        style: {
+            ...style,
+            width: '100%',
+            padding: '10px',
+            margin: '5px'
+        },
+        children: /*#__PURE__*/ jsxs(Space, {
+            children: [
+                props.display?.icon && /*#__PURE__*/ jsx(Icon, {
+                    type: props.display.icon
+                }),
+                /*#__PURE__*/ jsx("span", {
+                    children: title
+                })
+            ]
+        })
+    });
+};
+export { CustomStyleButton };

package/dist/components/flow-approval/components/flow-node-history.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface FlowNodeHistoryAction {
+    refresh: () => void;
+}
+interface FlowNodeHistoryProps {
+    actionRef?: React.Ref<FlowNodeHistoryAction>;
+}
+export declare const FlowNodeHistory: React.FC<FlowNodeHistoryProps>;
+export {};

package/dist/components/flow-approval/components/flow-node-history.js

@@ -0,0 +1,46 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import react from "react";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { Empty, Steps } from "antd-mobile";
+import { FlowOperatorItem, getNodeStatus } from "./flow-time-node.js";
+const { Step } = Steps;
+const FlowNodeHistory = (props)=>{
+    const { context } = useApprovalContext();
+    const [processNodes, setProcessNodes] = react.useState([]);
+    const triggerProcessNodes = ()=>{
+        context.getPresenter().processNodes().then((nodes)=>{
+            setProcessNodes(nodes);
+        });
+    };
+    react.useEffect(()=>{
+        setTimeout(()=>{
+            triggerProcessNodes();
+        }, 100);
+    }, []);
+    react.useImperativeHandle(props.actionRef, ()=>({
+            refresh: ()=>{
+                triggerProcessNodes();
+            }
+        }), []);
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: processNodes.length > 0 ? /*#__PURE__*/ jsx(Steps, {
+            direction: "vertical",
+            children: processNodes.map((node)=>{
+                const operators = node.operators;
+                return /*#__PURE__*/ jsx(Step, {
+                    title: node.nodeName,
+                    description: /*#__PURE__*/ jsx(Fragment, {
+                        children: operators.map((operator)=>/*#__PURE__*/ jsx(FlowOperatorItem, {
+                                operator: operator,
+                                state: node.state
+                            }))
+                    }),
+                    status: getNodeStatus(node)
+                });
+            })
+        }) : /*#__PURE__*/ jsx(Empty, {
+            description: "暂无审批流程记录"
+        })
+    });
+};
+export { FlowNodeHistory };

package/dist/components/flow-approval/components/flow-time-node.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { FlowApprovalOperator, ProcessNode } from "@coding-flow/flow-types";
+export declare const getNodeStatus: (node: ProcessNode) => "finish" | "process" | "wait";
+interface FlowOperatorItemProps {
+    operator: FlowApprovalOperator;
+    state: number;
+}
+export declare const FlowOperatorItem: React.FC<FlowOperatorItemProps>;
+export {};

package/dist/components/flow-approval/components/flow-time-node.js

@@ -0,0 +1,59 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import dayjs from "dayjs";
+const getNodeStatus = (node)=>{
+    if (-1 === node.state) return 'finish';
+    if (0 === node.state) return 'process';
+    return 'wait';
+};
+const FlowOperatorItem = (props)=>{
+    const operator = props.operator;
+    const state = props.state;
+    if (-1 === state) return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                style: {
+                    fontSize: 12
+                },
+                children: [
+                    "审批人: ",
+                    operator.flowOperator.name
+                ]
+            }),
+            operator.approveTime > 0 && /*#__PURE__*/ jsxs("div", {
+                style: {
+                    fontSize: 12
+                },
+                children: [
+                    dayjs(operator.approveTime).format('YYYY-MM-DD HH:mm:ss'),
+                    "  ",
+                    operator.actionName
+                ]
+            }),
+            operator.advice && /*#__PURE__*/ jsx("div", {
+                style: {
+                    padding: 8,
+                    backgroundColor: '#fafafa',
+                    borderRadius: 4,
+                    marginTop: 4
+                },
+                children: /*#__PURE__*/ jsx("div", {
+                    style: {
+                        fontSize: 12
+                    },
+                    children: operator.advice
+                })
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        style: {
+            fontSize: 12
+        },
+        children: [
+            "待审批人: ",
+            operator.flowOperator.name
+        ]
+    });
+};
+export { FlowOperatorItem, getNodeStatus };

package/dist/components/flow-approval/components/form-view-component.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface FormViewComponentProps {
+    onValuesChange?: (values: any) => void;
+}
+export declare const FormViewComponent: React.FC<FormViewComponentProps>;
+export {};