{
@@ -104,4 +182,12 @@ const RightCard = ({ onCreate}) => {
}
+const ControlButtons = ({ onLoad }) => {
+ const reactFlow = useReactFlow();
+ useEffect(() => {
+ reactFlow && onLoad(reactFlow)
+ }, [reactFlow])
+ return <>>
+}
+
export default FlowDetail;
\ No newline at end of file
diff --git a/frontend/src/pages/Flow/components/StartNode.jsx b/frontend/src/pages/Flow/components/ClientTable.jsx
similarity index 100%
rename from frontend/src/pages/Flow/components/StartNode.jsx
rename to frontend/src/pages/Flow/components/ClientTable.jsx
diff --git a/frontend/src/pages/Flow/components/EditNode.jsx b/frontend/src/pages/Flow/components/EditNode.jsx
new file mode 100644
index 0000000..d16a968
--- /dev/null
+++ b/frontend/src/pages/Flow/components/EditNode.jsx
@@ -0,0 +1,43 @@
+import { DrawerForm, ModalForm, ProFormSelect, ProFormText, ProFormTextArea } from "@ant-design/pro-components";
+import { Button, Flex, Space } from "antd";
+import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+
+const EditNode = forwardRef(({ onFinish }, ref) => {
+ const [open, setOpen] = useState(false);
+ const formRef = useRef(null);
+ const [record, setRecord] = useState(null);
+ const [clients, setClients] = useState([{ label: "Local", value: 'local'}]);
+ useImperativeHandle(ref, () => ({
+ open: (data) => {
+ setOpen(true);
+ setRecord(data);
+ }
+ }))
+
+ useEffect(() => {
+ if (record && formRef.current) {
+ formRef.current.setFieldsValue(record.detail);
+ }
+ }, [record, formRef.current]);
+
+ return
>}
+ open={open}
+ onOpenChange={e => setOpen(e)}
+ formRef={formRef}
+ width={600}
+ drawerProps={{ maskClosable: false, destroyOnHidden: true}}
+ >
+
+
+
+
+
+
+
+
+
+})
+
+export default EditNode;
\ No newline at end of file