@coding-flow/flow-design 0.0.1

package/dist/plugins/view/node-title-view.js

@@ -0,0 +1,76 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { NodeTitleScriptUtils } from "../../script-components/services/node-title.js";
+import { GroovyScriptConvertorUtil, ViewBindPlugin } from "@coding-flow/flow-core";
+import { GroovyScriptPreview } from "../../script-components/components/groovy-script-preview.js";
+import { VariablePicker } from "../../script-components/components/variable-picker.js";
+import { Button, Input, Space } from "antd";
+import { CodeOutlined, ReloadOutlined } from "@ant-design/icons";
+import { VIEW_KEY } from "../node-title-view-type.js";
+import { SCRIPT_DEFAULT_NODE_TITLE } from "../../script-components/default-script.js";
+const { TextArea } = Input;
+const NodeTitlePluginView = (props)=>{
+    const NodeTitlePluginViewComponent = ViewBindPlugin.getInstance().get(VIEW_KEY);
+    if (NodeTitlePluginViewComponent) return /*#__PURE__*/ jsx(NodeTitlePluginViewComponent, {
+        ...props
+    });
+    const title = GroovyScriptConvertorUtil.getScriptTitle(props.script);
+    return /*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                children: [
+                    "预览",
+                    /*#__PURE__*/ jsx(GroovyScriptPreview, {
+                        script: props.script,
+                        multiline: true
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                children: [
+                    "内容",
+                    /*#__PURE__*/ jsx(TextArea, {
+                        value: title,
+                        onChange: (e)=>{
+                            props.onChange(NodeTitleScriptUtils.updateExpression(props.script, e.target.value, props.variables));
+                        },
+                        placeholder: "请输入标题配置脚本，支持使用变量",
+                        autoSize: {
+                            minRows: 3,
+                            maxRows: 12
+                        }
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(Space, {
+                style: {
+                    marginTop: 8
+                },
+                children: [
+                    /*#__PURE__*/ jsx(VariablePicker, {
+                        mappings: props.variables,
+                        onSelect: (variable)=>{
+                            props.onChange(NodeTitleScriptUtils.addVariable(props.script, variable, props.variables));
+                        }
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        icon: /*#__PURE__*/ jsx(CodeOutlined, {}),
+                        onClick: ()=>{
+                            props.onChange(GroovyScriptConvertorUtil.toCustomScript(props.script));
+                        },
+                        children: "高级配置"
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        icon: /*#__PURE__*/ jsx(ReloadOutlined, {}),
+                        danger: true,
+                        onClick: ()=>{
+                            props.onChange(SCRIPT_DEFAULT_NODE_TITLE);
+                        },
+                        children: "重置脚本"
+                    })
+                ]
+            })
+        ]
+    });
+};
+export { NodeTitlePluginView };

package/dist/plugins/view/operator-create-view.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { OperatorCreateViewPlugin } from "../operator-create-view-type";
+export declare const OperatorCreatePluginView: React.FC<OperatorCreateViewPlugin>;

package/dist/plugins/view/operator-create-view.js

@@ -0,0 +1,62 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { VIEW_KEY } from "../operator-create-view-type.js";
+import { Button, Form, Select, Space } from "antd";
+import { GroovyScriptConvertorUtil, ViewBindPlugin } from "@coding-flow/flow-core";
+import { SCRIPT_DEFAULT_OPERATOR_CREATE, SCRIPT_DEFAULT_OPERATOR_LOAD } from "../../script-components/default-script.js";
+import { CodeOutlined, ReloadOutlined } from "@ant-design/icons";
+import { useScriptMetaData } from "../../script-components/hooks/use-script-meta-data.js";
+const OperatorCreatePluginView = (props)=>{
+    const OperatorCreatePluginViewComponent = ViewBindPlugin.getInstance().get(VIEW_KEY);
+    const data = useScriptMetaData(props.script);
+    if (OperatorCreatePluginViewComponent) return /*#__PURE__*/ jsx(OperatorCreatePluginViewComponent, {
+        ...props
+    });
+    return /*#__PURE__*/ jsxs(Form, {
+        initialValues: {
+            ...data
+        },
+        children: [
+            /*#__PURE__*/ jsx(Form.Item, {
+                name: "type",
+                label: "类型",
+                tooltip: "选择人员类型",
+                children: /*#__PURE__*/ jsx(Select, {
+                    options: [
+                        {
+                            label: '任意用户',
+                            value: 'any'
+                        }
+                    ],
+                    placeholder: "请选择人员类型",
+                    onChange: (value)=>{
+                        props.onChange(SCRIPT_DEFAULT_OPERATOR_CREATE);
+                    }
+                })
+            }),
+            /*#__PURE__*/ jsxs(Space, {
+                style: {
+                    marginTop: 8
+                },
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        icon: /*#__PURE__*/ jsx(CodeOutlined, {}),
+                        onClick: ()=>{
+                            props.onChange(GroovyScriptConvertorUtil.toCustomScript(props.script));
+                        },
+                        children: "高级配置"
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        icon: /*#__PURE__*/ jsx(ReloadOutlined, {}),
+                        danger: true,
+                        onClick: ()=>{
+                            props.onChange(SCRIPT_DEFAULT_OPERATOR_LOAD);
+                        },
+                        children: "重置脚本"
+                    })
+                ]
+            })
+        ]
+    });
+};
+export { OperatorCreatePluginView };

package/dist/plugins/view/operator-load-view.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { OperatorLoadViewPlugin } from "../operator-load-view-type";
+export declare const OperatorLoadPluginView: React.FC<OperatorLoadViewPlugin>;

package/dist/plugins/view/operator-load-view.js

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { VIEW_KEY } from "../operator-load-view-type.js";
+import { Button, Form, Select, Space } from "antd";
+import { GroovyScriptConvertorUtil, ViewBindPlugin } from "@coding-flow/flow-core";
+import { SCRIPT_DEFAULT_OPERATOR_LOAD } from "../../script-components/default-script.js";
+import { CodeOutlined, ReloadOutlined } from "@ant-design/icons";
+import { useScriptMetaData } from "../../script-components/hooks/use-script-meta-data.js";
+const OperatorLoadPluginView = (props)=>{
+    const OperatorLoadPluginViewComponent = ViewBindPlugin.getInstance().get(VIEW_KEY);
+    const data = useScriptMetaData(props.script);
+    if (OperatorLoadPluginViewComponent) return /*#__PURE__*/ jsx(OperatorLoadPluginViewComponent, {
+        ...props
+    });
+    return /*#__PURE__*/ jsxs(Form, {
+        initialValues: {
+            ...data
+        },
+        layout: "vertical",
+        children: [
+            /*#__PURE__*/ jsx(Form.Item, {
+                name: "type",
+                label: "指定人员",
+                tooltip: "选择指定人员",
+                children: /*#__PURE__*/ jsx(Select, {
+                    options: [
+                        {
+                            label: '流程创建者',
+                            value: 'creator'
+                        }
+                    ],
+                    placeholder: "请选择人员类型",
+                    onChange: (value)=>{
+                        props.onChange(SCRIPT_DEFAULT_OPERATOR_LOAD);
+                    }
+                })
+            }),
+            /*#__PURE__*/ jsxs(Space, {
+                style: {
+                    marginTop: 8
+                },
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        icon: /*#__PURE__*/ jsx(CodeOutlined, {}),
+                        onClick: ()=>{
+                            props.onChange(GroovyScriptConvertorUtil.toCustomScript(props.script));
+                        },
+                        children: "高级配置"
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        icon: /*#__PURE__*/ jsx(ReloadOutlined, {}),
+                        danger: true,
+                        onClick: ()=>{
+                            props.onChange(SCRIPT_DEFAULT_OPERATOR_LOAD);
+                        },
+                        children: "重置脚本"
+                    })
+                ]
+            })
+        ]
+    });
+};
+export { OperatorLoadPluginView };

package/dist/plugins/view/router-view.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { RouterViewPlugin } from "../router-view-type";
+/**
+ * @param props
+ * @constructor
+ */
+export declare const RouterPluginView: React.FC<RouterViewPlugin>;

package/dist/plugins/view/router-view.js

@@ -0,0 +1,62 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { VIEW_KEY } from "../router-view-type.js";
+import { GroovyScriptConvertorUtil, ViewBindPlugin } from "@coding-flow/flow-core";
+import { SCRIPT_DEFAULT_ROUTER } from "../../script-components/default-script.js";
+import { Button, Form, Select, Space } from "antd";
+import { CodeOutlined, ReloadOutlined } from "@ant-design/icons";
+import { useNodeRouterManager } from "../../components/design-panel/hooks/use-node-router-manager.js";
+import { RouterScriptUtils } from "../../script-components/services/node-router.js";
+import { useScriptMetaData } from "../../script-components/hooks/use-script-meta-data.js";
+const RouterPluginView = (props)=>{
+    const TriggerPluginViewComponent = ViewBindPlugin.getInstance().get(VIEW_KEY);
+    const nodeRouterManager = useNodeRouterManager();
+    const data = useScriptMetaData(props.script);
+    const mappingData = nodeRouterManager.mapping(data);
+    if (TriggerPluginViewComponent) return /*#__PURE__*/ jsx(TriggerPluginViewComponent, {
+        ...props
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsx(Form, {
+                initialValues: {
+                    ...mappingData
+                },
+                children: /*#__PURE__*/ jsx(Form.Item, {
+                    name: "node",
+                    label: "跳转节点",
+                    children: /*#__PURE__*/ jsx(Select, {
+                        options: nodeRouterManager.getNodes(),
+                        onChange: (value, option)=>{
+                            const script = RouterScriptUtils.update(option);
+                            props.onChange(script);
+                        }
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsxs(Space, {
+                style: {
+                    marginTop: 8
+                },
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        icon: /*#__PURE__*/ jsx(CodeOutlined, {}),
+                        onClick: ()=>{
+                            props.onChange(GroovyScriptConvertorUtil.toCustomScript(props.script));
+                        },
+                        children: "高级配置"
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        icon: /*#__PURE__*/ jsx(ReloadOutlined, {}),
+                        danger: true,
+                        onClick: ()=>{
+                            props.onChange(SCRIPT_DEFAULT_ROUTER);
+                        },
+                        children: "重置脚本"
+                    })
+                ]
+            })
+        ]
+    });
+};
+export { RouterPluginView };

package/dist/plugins/view/sub-process-opreator-view.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { SubProcessOperatorViewPlugin } from "../sub-process-operator-view-type";
+/**
+ * @param props
+ * @constructor
+ */
+export declare const SubProcessOperatorPluginView: React.FC<SubProcessOperatorViewPlugin>;

package/dist/plugins/view/sub-process-opreator-view.js

@@ -0,0 +1,20 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { VIEW_KEY } from "../sub-process-operator-view-type.js";
+import { ViewBindPlugin } from "@coding-flow/flow-core";
+import { Select } from "antd";
+import { useCurrentWorkflowPresenter } from "../../script-components/components/sub-process/hooks/use-current-workflow-presenter.js";
+const SubProcessOperatorPluginView = (props)=>{
+    const presenter = useCurrentWorkflowPresenter();
+    const SubProcessOperatorViewPluginComponent = ViewBindPlugin.getInstance().get(VIEW_KEY);
+    if (SubProcessOperatorViewPluginComponent) return /*#__PURE__*/ jsx(SubProcessOperatorViewPluginComponent, {
+        ...props
+    });
+    return /*#__PURE__*/ jsx(Select, {
+        placeholder: "请选择流程发起人",
+        options: presenter.getOperatorOptions(),
+        onChange: props.onChange,
+        value: props.value
+    });
+};
+export { SubProcessOperatorPluginView };

package/dist/plugins/view/sub-process-view.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { SubProcessViewPlugin } from "../sub-process-view-type";
+/**
+ * @param props
+ * @constructor
+ */
+export declare const SubProcessPluginView: React.FC<SubProcessViewPlugin>;

package/dist/plugins/view/sub-process-view.js

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { VIEW_KEY } from "../sub-process-view-type.js";
+import { GroovyScriptConvertorUtil, ViewBindPlugin } from "@coding-flow/flow-core";
+import { SCRIPT_DEFAULT_SUB_PROCESS } from "../../script-components/default-script.js";
+import { Button, Space } from "antd";
+import { CodeOutlined, ReloadOutlined } from "@ant-design/icons";
+import { SubProcessView } from "../../script-components/components/sub-process/index.js";
+const SubProcessPluginView = (props)=>{
+    const SubProcessPluginViewComponent = ViewBindPlugin.getInstance().get(VIEW_KEY);
+    if (SubProcessPluginViewComponent) return /*#__PURE__*/ jsx(SubProcessPluginViewComponent, {
+        ...props
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        children: [
+            /*#__PURE__*/ jsx(SubProcessView, {
+                value: props.script,
+                onChange: props.onChange
+            }),
+            /*#__PURE__*/ jsxs(Space, {
+                style: {
+                    marginTop: 8
+                },
+                children: [
+                    /*#__PURE__*/ jsx(Button, {
+                        icon: /*#__PURE__*/ jsx(CodeOutlined, {}),
+                        onClick: ()=>{
+                            props.onChange(GroovyScriptConvertorUtil.toCustomScript(props.script));
+                        },
+                        children: "高级配置"
+                    }),
+                    /*#__PURE__*/ jsx(Button, {
+                        icon: /*#__PURE__*/ jsx(ReloadOutlined, {}),
+                        danger: true,
+                        onClick: ()=>{
+                            props.onChange(SCRIPT_DEFAULT_SUB_PROCESS);
+                        },
+                        children: "重置脚本"
+                    })
+                ]
+            })
+        ]
+    });
+};
+export { SubProcessPluginView };

package/dist/plugins/view/trigger-view.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { TriggerViewPlugin } from "../trigger-view-type";
+export declare const TriggerPluginView: React.FC<TriggerViewPlugin>;

package/dist/plugins/view/trigger-view.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { VIEW_KEY } from "../trigger-view-type.js";
+import { ViewBindPlugin } from "@coding-flow/flow-core";
+import { AdvancedScriptEditor } from "../../script-components/components/advanced-script-editor.js";
+import { SCRIPT_DEFAULT_TRIGGER } from "../../script-components/default-script.js";
+const TriggerPluginView = (props)=>{
+    const TriggerPluginViewComponent = ViewBindPlugin.getInstance().get(VIEW_KEY);
+    if (TriggerPluginViewComponent) return /*#__PURE__*/ jsx(TriggerPluginViewComponent, {
+        ...props
+    });
+    return /*#__PURE__*/ jsx(AdvancedScriptEditor, {
+        ...props,
+        resetScript: ()=>SCRIPT_DEFAULT_TRIGGER
+    });
+};
+export { TriggerPluginView };

package/dist/script-components/components/action/components/add-audit.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ActionFormProps } from "../../../typings";
+export declare const AddAuditActionForm: React.FC<ActionFormProps>;

package/dist/script-components/components/action/components/add-audit.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Col, Form, Row } from "antd";
+import { OperatorLoadPluginView } from "../../../../plugins/view/operator-load-view.js";
+const AddAuditInput = (props)=>{
+    const script = props.value || '';
+    const handleChange = (value)=>{
+        props.onChange && props.onChange(value);
+    };
+    return /*#__PURE__*/ jsx(OperatorLoadPluginView, {
+        script: script,
+        onChange: handleChange
+    });
+};
+const AddAuditActionForm = (props)=>/*#__PURE__*/ jsx(Row, {
+        children: /*#__PURE__*/ jsx(Col, {
+            span: 24,
+            children: /*#__PURE__*/ jsx(Form.Item, {
+                name: "script",
+                label: "加签人员范围",
+                help: "加签人员范围为空时，即为全部人员",
+                children: /*#__PURE__*/ jsx(AddAuditInput, {})
+            })
+        })
+    });
+export { AddAuditActionForm };

package/dist/script-components/components/action/components/custom.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ActionFormProps } from "../../../typings";
+export declare const CustomActionForm: React.FC<ActionFormProps>;

package/dist/script-components/components/action/components/custom.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Col, Form, Row } from "antd";
+import { ActionCustomView } from "../../../../plugins/view/action-custom-view.js";
+const CustomActionForm = (props)=>{
+    const actionOptionTypes = props.manager.getCurrentNodeActionOptions();
+    return /*#__PURE__*/ jsx(Row, {
+        children: /*#__PURE__*/ jsx(Col, {
+            span: 24,
+            children: /*#__PURE__*/ jsx(Form.Item, {
+                name: "script",
+                label: "自定义脚本",
+                required: true,
+                help: "请先设置触发动作类型",
+                rules: [
+                    {
+                        required: true,
+                        message: '自定义脚本不能为空'
+                    }
+                ],
+                children: /*#__PURE__*/ jsx(ActionCustomView, {
+                    options: actionOptionTypes
+                })
+            })
+        })
+    });
+};
+export { CustomActionForm };

package/dist/script-components/components/action/components/delegate.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ActionFormProps } from "../../../typings";
+export declare const DelegateActionForm: React.FC<ActionFormProps>;

package/dist/script-components/components/action/components/delegate.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { OperatorLoadPluginView } from "../../../../plugins/view/operator-load-view.js";
+import { Col, Form, Row } from "antd";
+const DelegateInput = (props)=>{
+    const script = props.value || '';
+    const handleChange = (value)=>{
+        props.onChange && props.onChange(value);
+    };
+    return /*#__PURE__*/ jsx(OperatorLoadPluginView, {
+        script: script,
+        onChange: handleChange
+    });
+};
+const DelegateActionForm = (props)=>/*#__PURE__*/ jsx(Row, {
+        children: /*#__PURE__*/ jsx(Col, {
+            span: 24,
+            children: /*#__PURE__*/ jsx(Form.Item, {
+                name: "script",
+                label: "委派人员范围",
+                help: "委派人员范围为空时，即为全部人员",
+                children: /*#__PURE__*/ jsx(DelegateInput, {})
+            })
+        })
+    });
+export { DelegateActionForm };

package/dist/script-components/components/action/components/factory.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ActionFormProps } from "../../../typings";
+import { ActionType } from "@coding-flow/flow-types";
+export declare class ActionFactory {
+    private readonly actions;
+    private constructor();
+    private initialize;
+    private static readonly instance;
+    static getInstance(): ActionFactory;
+    getActionForm(type: ActionType): React.ComponentType<ActionFormProps> | undefined;
+}

package/dist/script-components/components/action/components/factory.js

@@ -0,0 +1,28 @@
+import "react";
+import { CustomActionForm } from "./custom.js";
+import { AddAuditActionForm } from "./add-audit.js";
+import { DelegateActionForm } from "./delegate.js";
+import { RejectActionForm } from "./reject.js";
+import { TransferActionForm } from "./transfer.js";
+class ActionFactory {
+    actions;
+    constructor(){
+        this.actions = new Map();
+        this.initialize();
+    }
+    initialize() {
+        this.actions.set('ADD_AUDIT', AddAuditActionForm);
+        this.actions.set('CUSTOM', CustomActionForm);
+        this.actions.set('DELEGATE', DelegateActionForm);
+        this.actions.set('REJECT', RejectActionForm);
+        this.actions.set('TRANSFER', TransferActionForm);
+    }
+    static instance = new ActionFactory();
+    static getInstance() {
+        return this.instance;
+    }
+    getActionForm(type) {
+        return this.actions.get(type);
+    }
+}
+export { ActionFactory };

package/dist/script-components/components/action/components/reject.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ActionFormProps } from "../../../typings";
+export declare const RejectActionForm: React.FC<ActionFormProps>;

package/dist/script-components/components/action/components/reject.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Col, Form, Row } from "antd";
+import { ActionRejectView } from "../../../../plugins/view/action-reject-view.js";
+const RejectActionForm = (props)=>/*#__PURE__*/ jsx(Row, {
+        children: /*#__PURE__*/ jsx(Col, {
+            span: 24,
+            children: /*#__PURE__*/ jsx(Form.Item, {
+                name: "script",
+                tooltip: "退回的节点,当选择终止时则直接结束当前流程",
+                label: "拒绝策略",
+                help: "配置拒绝时跳转的节点",
+                children: /*#__PURE__*/ jsx(ActionRejectView, {
+                    nodeId: props.nodeId
+                })
+            })
+        })
+    });
+export { RejectActionForm };

package/dist/script-components/components/action/components/transfer.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ActionFormProps } from "../../../typings";
+export declare const TransferActionForm: React.FC<ActionFormProps>;

package/dist/script-components/components/action/components/transfer.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { OperatorLoadPluginView } from "../../../../plugins/view/operator-load-view.js";
+import { Col, Form, Row } from "antd";
+const TransferInput = (props)=>{
+    const script = props.value || '';
+    const handleChange = (value)=>{
+        props.onChange && props.onChange(value);
+    };
+    return /*#__PURE__*/ jsx(OperatorLoadPluginView, {
+        script: script,
+        onChange: handleChange
+    });
+};
+const TransferActionForm = (props)=>/*#__PURE__*/ jsx(Row, {
+        children: /*#__PURE__*/ jsx(Col, {
+            span: 24,
+            children: /*#__PURE__*/ jsx(Form.Item, {
+                name: "script",
+                label: "转办人员范围",
+                help: "转办人员范围为空时，即为全部人员",
+                children: /*#__PURE__*/ jsx(TransferInput, {})
+            })
+        })
+    });
+export { TransferActionForm };

package/dist/script-components/components/action/icon.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface ActionIconProps {
+    value?: string;
+    onChange?: (value: string) => void;
+}
+export declare const ActionIcon: React.FC<ActionIconProps>;
+export {};