@coding-flow/flow-pc-approval 0.0.1

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

@@ -0,0 +1,64 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+import { Form, Modal, message } from "antd";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { DelegateView } from "../../../../plugins/view/delegate-view.js";
+import { CustomStyleButton } from "../custom-style-button.js";
+const DelegateAction = (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) {
+                message.success("操作成功");
+                setModalVisible(false);
+                context.close();
+            }
+        });
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(CustomStyleButton, {
+                display: props.action.display,
+                onClick: ()=>{
+                    if (props.onClickCheck?.(action.id)) {
+                        form.resetFields();
+                        setModalVisible(true);
+                    }
+                },
+                title: action.title
+            }),
+            /*#__PURE__*/ jsx(Modal, {
+                title: "委派审批",
+                open: modalVisible,
+                onCancel: ()=>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(DelegateView, {})
+                    })
+                })
+            })
+        ]
+    });
+};
+export { DelegateAction };

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { FlowActionProps } from "./type";
+import { FlowAction } from "@coding-flow/flow-types";
+export declare class ActionFactory {
+    private readonly cache;
+    private constructor();
+    private static readonly instance;
+    static getInstance(): ActionFactory;
+    private initActions;
+    getFlowActionComponent(action: FlowAction): React.ComponentType<FlowActionProps> | undefined;
+}

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

@@ -0,0 +1,34 @@
+import "react";
+import { PassAction } from "./pass.js";
+import { AddAuditAction } from "./add-audit.js";
+import { CustomAction } from "./custom.js";
+import { DelegateAction } from "./delegate.js";
+import { RejectAction } from "./reject.js";
+import { ReturnAction } from "./return.js";
+import { SaveAction } from "./save.js";
+import { TransferAction } from "./transfer.js";
+class ActionFactory {
+    cache;
+    constructor(){
+        this.cache = new Map();
+        this.initActions();
+    }
+    static instance = new ActionFactory();
+    static getInstance() {
+        return ActionFactory.instance;
+    }
+    initActions() {
+        this.cache.set("ADD_AUDIT", AddAuditAction);
+        this.cache.set("CUSTOM", CustomAction);
+        this.cache.set("DELEGATE", DelegateAction);
+        this.cache.set("PASS", PassAction);
+        this.cache.set("REJECT", RejectAction);
+        this.cache.set("RETURN", ReturnAction);
+        this.cache.set("SAVE", SaveAction);
+        this.cache.set("TRANSFER", TransferAction);
+    }
+    getFlowActionComponent(action) {
+        return this.cache.get(action.type);
+    }
+}
+export { ActionFactory };

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

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

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

@@ -0,0 +1,88 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+import { Form, Input, Modal, message } from "antd";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { SignKeyView } from "../../../../plugins/view/sign-key-view.js";
+import { CustomStyleButton } from "../custom-style-button.js";
+const { TextArea } = Input;
+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();
+    const handleSubmit = (params)=>{
+        actionPresenter.action(action.id, params).then((res)=>{
+            if (res.success) {
+                message.success("操作成功");
+                setModalVisible(false);
+                context.close();
+            }
+        });
+    };
+    const adviceRules = state.flow?.adviceRequired ? [
+        {
+            required: state.flow?.adviceRequired || false,
+            message: '请输入审批意见'
+        }
+    ] : [];
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(CustomStyleButton, {
+                display: props.action.display,
+                onClick: ()=>{
+                    if (props.onClickCheck?.(action.id)) if (isStartNode) handleSubmit();
+                    else {
+                        form.resetFields();
+                        setModalVisible(true);
+                    }
+                },
+                title: action.title
+            }),
+            /*#__PURE__*/ jsx(Modal, {
+                title: "审批通过",
+                open: modalVisible,
+                destroyOnHidden: true,
+                onCancel: ()=>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,67 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+import { Form, Input, Modal, message } from "antd";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { CustomStyleButton } from "../custom-style-button.js";
+const { TextArea } = Input;
+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();
+    const handleSubmit = (params)=>{
+        actionPresenter.action(action.id, params).then((res)=>{
+            if (res.success) {
+                message.success("操作成功");
+                setModalVisible(false);
+                context.close();
+            }
+        });
+    };
+    const adviceRules = state.flow?.adviceRequired ? [
+        {
+            required: state.flow?.adviceRequired || false,
+            message: '请输入审批意见'
+        }
+    ] : [];
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(CustomStyleButton, {
+                display: props.action.display,
+                onClick: ()=>{
+                    if (props.onClickCheck?.(action.id)) {
+                        form.resetFields();
+                        setModalVisible(true);
+                    }
+                },
+                title: action.title
+            }),
+            /*#__PURE__*/ jsx(Modal, {
+                title: "审批拒绝",
+                open: modalVisible,
+                onCancel: ()=>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,64 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+import { Form, Modal, message } from "antd";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { ReturnView } from "../../../../plugins/view/return-view.js";
+import { CustomStyleButton } from "../custom-style-button.js";
+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) {
+                message.success("操作成功");
+                setModalVisible(false);
+                context.close();
+            }
+        });
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(CustomStyleButton, {
+                display: props.action.display,
+                onClick: ()=>{
+                    if (props.onClickCheck?.(action.id)) {
+                        form.resetFields();
+                        setModalVisible(true);
+                    }
+                },
+                title: action.title
+            }),
+            /*#__PURE__*/ jsx(Modal, {
+                title: "退回审批",
+                open: modalVisible,
+                onCancel: ()=>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,26 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import "react";
+import { Button, Popconfirm, message } from "antd";
+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) {
+                        message.success("流程已撤回");
+                        context.close();
+                    }
+                });
+            },
+            children: /*#__PURE__*/ jsx(Button, {
+                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,20 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { message } from "antd";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { CustomStyleButton } from "../custom-style-button.js";
+const SaveAction = (props)=>{
+    const action = props.action;
+    const { context } = useApprovalContext();
+    const actionPresenter = context.getPresenter().getFlowActionPresenter();
+    return /*#__PURE__*/ jsx(CustomStyleButton, {
+        display: props.action.display,
+        onClick: ()=>{
+            if (props.onClickCheck?.(action.id)) actionPresenter.action(action.id).then((res)=>{
+                if (res.success) message.success("流程数据已保存");
+            });
+        },
+        title: action.title
+    });
+};
+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,64 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+import { Form, Modal, message } from "antd";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { TransferView } from "../../../../plugins/view/transfer-view.js";
+import { CustomStyleButton } from "../custom-style-button.js";
+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);
+    const handleSubmit = (params)=>{
+        actionPresenter.action(action.id, params).then((res)=>{
+            if (res.success) {
+                message.success("操作成功");
+                setModalVisible(false);
+                context.close();
+            }
+        });
+    };
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(CustomStyleButton, {
+                display: props.action.display,
+                onClick: ()=>{
+                    if (props.onClickCheck?.(action.id)) {
+                        form.resetFields();
+                        setModalVisible(true);
+                    }
+                },
+                title: action.title
+            }),
+            /*#__PURE__*/ jsx(Modal, {
+                title: "转办审批",
+                open: modalVisible,
+                onCancel: ()=>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,5 @@
+import { FlowAction } from "@coding-flow/flow-types";
+export interface FlowActionProps {
+    action: FlowAction;
+    onClickCheck?: (actionId: string) => boolean;
+}

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,23 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import "react";
+import { Button, Popconfirm, message } from "antd";
+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) message.success("已发送催办提醒.");
+                });
+            },
+            children: /*#__PURE__*/ jsx(Button, {
+                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,41 @@
+import { jsx } from "react/jsx-runtime";
+import { Button } from "antd";
+import react from "react";
+import { Icon } from "@coding-flow/flow-icons";
+const CustomStyleButton = (props)=>{
+    const display = props.display;
+    const title = props.title || display.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,
+        icon: /*#__PURE__*/ jsx(Icon, {
+            type: display.icon
+        }),
+        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,37 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import react from "react";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { Empty, Timeline } from "antd";
+import { FlowTimeNode, getNodeStatus, getStatusConfig } from "./flow-time-node.js";
+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(Timeline, {
+            items: processNodes.map((node)=>({
+                    icon: getStatusConfig(getNodeStatus(node)).icon,
+                    content: /*#__PURE__*/ jsx(FlowTimeNode, {
+                        node: node
+                    })
+                }))
+        }) : /*#__PURE__*/ jsx(Empty, {
+            description: "暂无审批流程记录"
+        })
+    });
+};
+export { FlowNodeHistory };

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

@@ -0,0 +1,13 @@
+import React from "react";
+import { ProcessNode } from "@coding-flow/flow-types";
+export declare const getStatusConfig: (status: "completed" | "current" | "pending") => {
+    color: string;
+    label: string;
+    icon: import("react/jsx-runtime").JSX.Element;
+};
+export declare const getNodeStatus: (node: ProcessNode) => "completed" | "current" | "pending";
+interface FlowTimeNodeProps {
+    node: ProcessNode;
+}
+export declare const FlowTimeNode: React.FC<FlowTimeNodeProps>;
+export {};