+
+ {data.label}
+
+ {position?.includes('left') &&
}
+ {position?.includes('right') &&
}
+
+ );
+})
+
+export default CustomNode;
diff --git a/frontend/src/pages/Flow/components/EditNode.jsx b/frontend/src/pages/Flow/components/EditNode.jsx
index d16a968..5bf544b 100644
--- a/frontend/src/pages/Flow/components/EditNode.jsx
+++ b/frontend/src/pages/Flow/components/EditNode.jsx
@@ -1,43 +1,71 @@
-import { DrawerForm, ModalForm, ProFormSelect, ProFormText, ProFormTextArea } from "@ant-design/pro-components";
-import { Button, Flex, Space } from "antd";
+import { DrawerForm, ModalForm, ProFormDigit, ProFormGroup, ProFormSelect, ProFormText, ProFormTextArea } from "@ant-design/pro-components";
+import { Button, Divider, Flex, Space, Typography } from "antd";
import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from "react";
+import { tableList } from "../../../api/client";
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'}]);
+ const [clients, setClients] = useState([{ label: "Local", value: 'local' }]);
+ const onRequest = async () => {
+ const res = await tableList();
+ return [{label: "[LOCAL]", value: 0},...res?.data?.map(e => ({ label: e.name, value: e.id }))];
+ }
+ const onSubmit = async (params) => {
+ onFinish && onFinish({ ...params, id: record?.id})
+ return true;
+ }
useImperativeHandle(ref, () => ({
open: (data) => {
setOpen(true);
- setRecord(data);
+ setTimeout(() => setRecord(data), 100);
}
}))
-
useEffect(() => {
- if (record && formRef.current) {
+ if (record && formRef.current && open) {
formRef.current.setFieldsValue(record.detail);
}
- }, [record, formRef.current]);
+ }, [record, open, formRef.current]);
- return