@coding-flow/flow-design 0.0.1

package/dist/components/design-editor/node-components/strategy/node-title.js

@@ -0,0 +1,59 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+import { Button, Form, Space } from "antd";
+import { EditOutlined } from "@ant-design/icons";
+import { Field } from "@flowgram.ai/fixed-layout-editor";
+import { GroovyScriptPreview } from "../../../../script-components/components/groovy-script-preview.js";
+import { NodeTitleConfigModal } from "../../../../script-components/modal/node-title-config-modal.js";
+import { useScriptVariables } from "../../hooks/use-script-variables.js";
+const NodeTitleStrategy = ()=>{
+    const [showConfigModal, setShowConfigModal] = react.useState(false);
+    const scriptVariables = useScriptVariables();
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: /*#__PURE__*/ jsx(Form, {
+            style: {
+                width: '100%'
+            },
+            layout: "vertical",
+            children: /*#__PURE__*/ jsx(Form.Item, {
+                label: "节点标题",
+                children: /*#__PURE__*/ jsx(Field, {
+                    name: "NodeTitleStrategy.script",
+                    render: (props)=>{
+                        const { value, onChange } = props.field;
+                        return /*#__PURE__*/ jsxs(Space.Compact, {
+                            style: {
+                                width: '100%'
+                            },
+                            children: [
+                                /*#__PURE__*/ jsx(GroovyScriptPreview, {
+                                    script: value
+                                }),
+                                /*#__PURE__*/ jsx(Button, {
+                                    icon: /*#__PURE__*/ jsx(EditOutlined, {}),
+                                    onClick: ()=>{
+                                        setShowConfigModal(true);
+                                    },
+                                    style: {
+                                        borderRadius: '0 6px 6px 0'
+                                    },
+                                    children: "编辑"
+                                }),
+                                /*#__PURE__*/ jsx(NodeTitleConfigModal, {
+                                    open: showConfigModal,
+                                    script: value,
+                                    variables: scriptVariables,
+                                    onCancel: ()=>setShowConfigModal(false),
+                                    onConfirm: (script)=>{
+                                        onChange(script);
+                                    }
+                                })
+                            ]
+                        });
+                    }
+                })
+            })
+        })
+    });
+};
+export { NodeTitleStrategy };

package/dist/components/design-editor/node-components/strategy/operator-load.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+/**
+ * 操作人配置策略
+ * @constructor
+ */
+export declare const OperatorLoadStrategy: React.FC;

package/dist/components/design-editor/node-components/strategy/operator-load.js

@@ -0,0 +1,60 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+import { Button, Form, Space } from "antd";
+import { Field } from "@flowgram.ai/fixed-layout-editor";
+import { EditOutlined } from "@ant-design/icons";
+import { GroovyScriptPreview } from "../../../../script-components/components/groovy-script-preview.js";
+import { OperatorLoadConfigModal } from "../../../../script-components/modal/operator-load-config-modal.js";
+const OperatorLoadStrategy = ()=>{
+    const [form] = Form.useForm();
+    const [visible, setVisible] = react.useState(false);
+    return /*#__PURE__*/ jsx(Form, {
+        form: form,
+        style: {
+            width: '100%'
+        },
+        layout: "vertical",
+        children: /*#__PURE__*/ jsx(Form.Item, {
+            label: "当前操作人",
+            name: [
+                "OperatorLoadStrategy",
+                "script"
+            ],
+            tooltip: "设定流程的审批人",
+            children: /*#__PURE__*/ jsx(Field, {
+                name: "OperatorLoadStrategy.script",
+                render: ({ field: { value, onChange } })=>/*#__PURE__*/ jsxs(Space.Compact, {
+                        style: {
+                            width: '100%'
+                        },
+                        children: [
+                            /*#__PURE__*/ jsx(GroovyScriptPreview, {
+                                script: value
+                            }),
+                            /*#__PURE__*/ jsx(Button, {
+                                icon: /*#__PURE__*/ jsx(EditOutlined, {}),
+                                onClick: ()=>{
+                                    setVisible(true);
+                                },
+                                style: {
+                                    borderRadius: '0 6px 6px 0'
+                                },
+                                children: "编辑"
+                            }),
+                            /*#__PURE__*/ jsx(OperatorLoadConfigModal, {
+                                script: value,
+                                open: visible,
+                                onCancel: ()=>{
+                                    setVisible(false);
+                                },
+                                onConfirm: (value)=>{
+                                    onChange(value);
+                                }
+                            })
+                        ]
+                    })
+            })
+        })
+    });
+};
+export { OperatorLoadStrategy };

package/dist/components/design-editor/node-components/strategy/record-merge.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+/**
+ * 记录合并策略配置
+ * @constructor
+ */
+export declare const RecordMergeStrategy: React.FC;

package/dist/components/design-editor/node-components/strategy/record-merge.js

@@ -0,0 +1,31 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import "react";
+import { Form, Switch } from "antd";
+import { Field } from "@flowgram.ai/fixed-layout-editor";
+const RecordMergeStrategy = ()=>{
+    const [form] = Form.useForm();
+    return /*#__PURE__*/ jsx(Form, {
+        form: form,
+        style: {
+            width: '100%'
+        },
+        layout: "vertical",
+        children: /*#__PURE__*/ jsx(Form.Item, {
+            label: "启用记录合并",
+            name: [
+                "RecordMergeStrategy",
+                "enable"
+            ],
+            children: /*#__PURE__*/ jsx(Field, {
+                name: "RecordMergeStrategy.enable",
+                render: ({ field: { value, onChange } })=>/*#__PURE__*/ jsx(Fragment, {
+                        children: /*#__PURE__*/ jsx(Switch, {
+                            value: value,
+                            onChange: onChange
+                        })
+                    })
+            })
+        })
+    });
+};
+export { RecordMergeStrategy };

package/dist/components/design-editor/node-components/strategy/resubmit.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+/**
+ * 重新提交策略配置
+ * @constructor
+ */
+export declare const ResubmitStrategy: React.FC;

package/dist/components/design-editor/node-components/strategy/resubmit.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Form, Select } from "antd";
+import { Field } from "@flowgram.ai/fixed-layout-editor";
+const ResubmitStrategy = ()=>{
+    const [form] = Form.useForm();
+    return /*#__PURE__*/ jsx(Form, {
+        form: form,
+        style: {
+            width: '100%'
+        },
+        layout: "vertical",
+        children: /*#__PURE__*/ jsx(Form.Item, {
+            label: "重新提交配置",
+            name: [
+                "ResubmitStrategy",
+                "type"
+            ],
+            children: /*#__PURE__*/ jsx(Field, {
+                name: "ResubmitStrategy.type",
+                render: ({ field: { value, onChange } })=>/*#__PURE__*/ jsx(Select, {
+                        value: value,
+                        onChange: onChange,
+                        options: [
+                            {
+                                label: '跳转到撤回节点',
+                                value: 'RESUME'
+                            },
+                            {
+                                label: '从头逐级提交',
+                                value: 'CHAIN'
+                            }
+                        ]
+                    })
+            })
+        })
+    });
+};
+export { ResubmitStrategy };

package/dist/components/design-editor/node-components/strategy/revoke.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+/**
+ * 撤回策略
+ * @constructor
+ */
+export declare const RevokeStrategy: React.FC;

package/dist/components/design-editor/node-components/strategy/revoke.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+import { Form, Select, Switch } from "antd";
+import { Field } from "@flowgram.ai/fixed-layout-editor";
+const RevokeStrategy = ()=>{
+    const [form] = Form.useForm();
+    const [enable, setEnable] = react.useState(false);
+    return /*#__PURE__*/ jsxs(Form, {
+        form: form,
+        style: {
+            width: '100%'
+        },
+        layout: "vertical",
+        children: [
+            /*#__PURE__*/ jsx(Form.Item, {
+                label: "启动撤回功能",
+                name: [
+                    "RevokeStrategy",
+                    "enable"
+                ],
+                children: /*#__PURE__*/ jsx(Field, {
+                    name: "RevokeStrategy.enable",
+                    render: ({ field: { value, onChange } })=>{
+                        setEnable(value);
+                        return /*#__PURE__*/ jsx(Switch, {
+                            value: value,
+                            onChange: onChange
+                        });
+                    }
+                })
+            }),
+            enable && /*#__PURE__*/ jsx(Form.Item, {
+                label: "撤回方式",
+                name: [
+                    "RevokeStrategy",
+                    "type"
+                ],
+                children: /*#__PURE__*/ jsx(Field, {
+                    name: "RevokeStrategy.type",
+                    render: ({ field: { value, onChange } })=>/*#__PURE__*/ jsx(Select, {
+                            value: value,
+                            onChange: onChange,
+                            options: [
+                                {
+                                    label: '撤回上级节点',
+                                    value: 'REVOKE_NEXT'
+                                },
+                                {
+                                    label: '撤回到当前节点',
+                                    value: 'REVOKE_CURRENT'
+                                }
+                            ]
+                        })
+                })
+            })
+        ]
+    });
+};
+export { RevokeStrategy };

package/dist/components/design-editor/node-components/strategy/router.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+/**
+ * 路由策略配置
+ * @constructor
+ */
+export declare const RouterStrategy: React.FC;

package/dist/components/design-editor/node-components/strategy/router.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+import { Button, Form, Space } from "antd";
+import { Field } from "@flowgram.ai/fixed-layout-editor";
+import { GroovyScriptPreview } from "../../../../script-components/components/groovy-script-preview.js";
+import { EditOutlined } from "@ant-design/icons";
+import { RouterConfigModal } from "../../../../script-components/modal/router-config-modal.js";
+const RouterStrategy = ()=>{
+    const [form] = Form.useForm();
+    const [visible, setVisible] = react.useState(false);
+    return /*#__PURE__*/ jsx(Form, {
+        form: form,
+        style: {
+            width: '100%'
+        },
+        layout: "vertical",
+        children: /*#__PURE__*/ jsx(Form.Item, {
+            label: "路由表达式",
+            name: [
+                "RouterStrategy",
+                "script"
+            ],
+            children: /*#__PURE__*/ jsx(Field, {
+                name: "RouterStrategy.script",
+                render: ({ field: { value, onChange } })=>/*#__PURE__*/ jsxs(Space.Compact, {
+                        style: {
+                            width: '100%'
+                        },
+                        children: [
+                            /*#__PURE__*/ jsx(GroovyScriptPreview, {
+                                script: value
+                            }),
+                            /*#__PURE__*/ jsx(Button, {
+                                icon: /*#__PURE__*/ jsx(EditOutlined, {}),
+                                onClick: ()=>{
+                                    setVisible(true);
+                                },
+                                style: {
+                                    borderRadius: '0 6px 6px 0'
+                                },
+                                children: "编辑"
+                            }),
+                            /*#__PURE__*/ jsx(RouterConfigModal, {
+                                open: visible,
+                                script: value,
+                                onCancel: ()=>{
+                                    setVisible(false);
+                                },
+                                onConfirm: (value)=>{
+                                    onChange(value);
+                                }
+                            })
+                        ]
+                    })
+            })
+        })
+    });
+};
+export { RouterStrategy };

package/dist/components/design-editor/node-components/strategy/same-operator-audit.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+/**
+ * 提交人与审批人一致配置
+ * @constructor
+ */
+export declare const SameOperatorAuditStrategy: React.FC;

package/dist/components/design-editor/node-components/strategy/same-operator-audit.js

@@ -0,0 +1,39 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Form, Select } from "antd";
+import { Field } from "@flowgram.ai/fixed-layout-editor";
+const SameOperatorAuditStrategy = ()=>{
+    const [form] = Form.useForm();
+    return /*#__PURE__*/ jsx(Form, {
+        form: form,
+        style: {
+            width: '100%'
+        },
+        layout: "vertical",
+        children: /*#__PURE__*/ jsx(Form.Item, {
+            label: "相同人员提交配置",
+            name: [
+                "SameOperatorAuditStrategy",
+                "type"
+            ],
+            children: /*#__PURE__*/ jsx(Field, {
+                name: "SameOperatorAuditStrategy.type",
+                render: ({ field: { value, onChange } })=>/*#__PURE__*/ jsx(Select, {
+                        value: value,
+                        onChange: onChange,
+                        options: [
+                            {
+                                label: '自动通过',
+                                value: 'AUTO_PASS'
+                            },
+                            {
+                                label: '手动审批',
+                                value: 'MANUAL_PASS'
+                            }
+                        ]
+                    })
+            })
+        })
+    });
+};
+export { SameOperatorAuditStrategy };

package/dist/components/design-editor/node-components/strategy/sub-process.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+/**
+ * 子流程任务策略
+ * @constructor
+ */
+export declare const SubProcessStrategy: React.FC;

package/dist/components/design-editor/node-components/strategy/sub-process.js

@@ -0,0 +1,77 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+import { Button, Form, Space, Switch } from "antd";
+import { Field } from "@flowgram.ai/fixed-layout-editor";
+import { GroovyScriptPreview } from "../../../../script-components/components/groovy-script-preview.js";
+import { EditOutlined } from "@ant-design/icons";
+import { SubProcessConfigModal } from "../../../../script-components/modal/sub-process-config-modal.js";
+const SubProcessStrategy = ()=>{
+    const [form] = Form.useForm();
+    const [visible, setVisible] = react.useState(false);
+    return /*#__PURE__*/ jsxs(Form, {
+        form: form,
+        style: {
+            width: '100%'
+        },
+        layout: "vertical",
+        children: [
+            /*#__PURE__*/ jsx(Form.Item, {
+                label: "子流程表达式",
+                name: [
+                    "SubProcessStrategy",
+                    "script"
+                ],
+                children: /*#__PURE__*/ jsx(Field, {
+                    name: "SubProcessStrategy.script",
+                    render: ({ field: { value, onChange } })=>/*#__PURE__*/ jsxs(Space.Compact, {
+                            style: {
+                                width: '100%'
+                            },
+                            children: [
+                                /*#__PURE__*/ jsx(GroovyScriptPreview, {
+                                    script: value
+                                }),
+                                /*#__PURE__*/ jsx(Button, {
+                                    icon: /*#__PURE__*/ jsx(EditOutlined, {}),
+                                    onClick: ()=>{
+                                        setVisible(true);
+                                    },
+                                    style: {
+                                        borderRadius: '0 6px 6px 0'
+                                    },
+                                    children: "编辑"
+                                }),
+                                /*#__PURE__*/ jsx(SubProcessConfigModal, {
+                                    open: visible,
+                                    onCancel: ()=>{
+                                        setVisible(false);
+                                    },
+                                    onConfirm: (value)=>{
+                                        onChange(value);
+                                    },
+                                    script: value
+                                })
+                            ]
+                        })
+                })
+            }),
+            /*#__PURE__*/ jsx(Form.Item, {
+                label: "创建后并提交",
+                name: [
+                    "SubProcessStrategy",
+                    "submit"
+                ],
+                children: /*#__PURE__*/ jsx(Field, {
+                    name: "SubProcessStrategy.submit",
+                    render: ({ field: { value, onChange } })=>/*#__PURE__*/ jsx(Fragment, {
+                            children: /*#__PURE__*/ jsx(Switch, {
+                                value: value,
+                                onChange: onChange
+                            })
+                        })
+                })
+            })
+        ]
+    });
+};
+export { SubProcessStrategy };

package/dist/components/design-editor/node-components/strategy/timeout.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+/**
+ * 超时策略配置
+ * @constructor
+ */
+export declare const TimeoutStrategy: React.FC;

package/dist/components/design-editor/node-components/strategy/timeout.js

@@ -0,0 +1,63 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { Form, Input, Select } from "antd";
+import { Field } from "@flowgram.ai/fixed-layout-editor";
+const TimeoutStrategy = ()=>{
+    const [form] = Form.useForm();
+    return /*#__PURE__*/ jsxs(Form, {
+        form: form,
+        style: {
+            width: '100%'
+        },
+        layout: "vertical",
+        children: [
+            /*#__PURE__*/ jsx(Form.Item, {
+                label: "超时类型",
+                name: [
+                    "TimeoutStrategy",
+                    "type"
+                ],
+                children: /*#__PURE__*/ jsx(Field, {
+                    name: "TimeoutStrategy.type",
+                    render: ({ field: { value, onChange } })=>/*#__PURE__*/ jsx(Fragment, {
+                            children: /*#__PURE__*/ jsx(Select, {
+                                value: value,
+                                onChange: onChange,
+                                options: [
+                                    {
+                                        label: '自动提醒',
+                                        value: 'REMIND'
+                                    },
+                                    {
+                                        label: '自动同意',
+                                        value: 'PASS'
+                                    },
+                                    {
+                                        label: '自动拒绝',
+                                        value: 'REJECT'
+                                    }
+                                ]
+                            })
+                        })
+                })
+            }),
+            /*#__PURE__*/ jsx(Form.Item, {
+                label: "超时时间(分钟)",
+                name: [
+                    "TimeoutStrategy",
+                    "timeoutTime"
+                ],
+                children: /*#__PURE__*/ jsx(Field, {
+                    name: "TimeoutStrategy.timeoutTime",
+                    render: ({ field: { value, onChange } })=>/*#__PURE__*/ jsx(Fragment, {
+                            children: /*#__PURE__*/ jsx(Input, {
+                                value: value,
+                                onChange: onChange
+                            })
+                        })
+                })
+            })
+        ]
+    });
+};
+export { TimeoutStrategy };

package/dist/components/design-editor/node-components/strategy/trigger.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+/**
+ * 触发策略配置
+ * @constructor
+ */
+export declare const TriggerStrategy: React.FC;

package/dist/components/design-editor/node-components/strategy/trigger.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import react from "react";
+import { Button, Form, Space } from "antd";
+import { Field } from "@flowgram.ai/fixed-layout-editor";
+import { GroovyScriptPreview } from "../../../../script-components/components/groovy-script-preview.js";
+import { EditOutlined } from "@ant-design/icons";
+import { TriggerConfigModal } from "../../../../script-components/modal/trigger-config-modal.js";
+const TriggerStrategy = ()=>{
+    const [form] = Form.useForm();
+    const [visible, setVisible] = react.useState(false);
+    return /*#__PURE__*/ jsx(Form, {
+        form: form,
+        style: {
+            width: '100%'
+        },
+        layout: "vertical",
+        children: /*#__PURE__*/ jsx(Form.Item, {
+            label: "触发表达式",
+            name: [
+                "TriggerStrategy",
+                "script"
+            ],
+            children: /*#__PURE__*/ jsx(Field, {
+                name: "TriggerStrategy.script",
+                render: ({ field: { value, onChange } })=>/*#__PURE__*/ jsxs(Space.Compact, {
+                        style: {
+                            width: '100%'
+                        },
+                        children: [
+                            /*#__PURE__*/ jsx(GroovyScriptPreview, {
+                                script: value
+                            }),
+                            /*#__PURE__*/ jsx(Button, {
+                                icon: /*#__PURE__*/ jsx(EditOutlined, {}),
+                                onClick: ()=>{
+                                    setVisible(true);
+                                },
+                                style: {
+                                    borderRadius: '0 6px 6px 0'
+                                },
+                                children: "编辑"
+                            }),
+                            /*#__PURE__*/ jsx(TriggerConfigModal, {
+                                open: visible,
+                                onCancel: ()=>{
+                                    setVisible(false);
+                                },
+                                onConfirm: (value)=>{
+                                    onChange(value);
+                                },
+                                script: value
+                            })
+                        ]
+                    })
+            })
+        })
+    });
+};
+export { TriggerStrategy };

package/dist/components/design-editor/node-components/taps/action.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const TabAction: React.FC;

package/dist/components/design-editor/node-components/taps/action.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Field } from "@flowgram.ai/fixed-layout-editor";
+import { ActionTable } from "../action/index.js";
+const TabAction = ()=>/*#__PURE__*/ jsx(Field, {
+        name: "actions",
+        render: ({ field: { value, onChange } })=>/*#__PURE__*/ jsx(ActionTable, {
+                value: value,
+                onChange: onChange
+            })
+    });
+export { TabAction };

package/dist/components/design-editor/node-components/taps/base.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface TabBaseProps {
+    children?: React.ReactNode;
+}
+export declare const TabBase: React.FC<TabBaseProps>;
+export {};

package/dist/components/design-editor/node-components/taps/base.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { Flex } from "antd";
+const TabBase = (props)=>/*#__PURE__*/ jsx(Flex, {
+        justify: "center",
+        vertical: true,
+        align: "center",
+        style: {
+            width: "100%",
+            padding: 8
+        },
+        children: props.children
+    });
+export { TabBase };