refactor: create cluster by steps

2025-09-16 11:26:17 +08:00
parent 6e5a7035c8
commit 8de272239e
48 changed files with 1392 additions and 227 deletions
@@ -0,0 +1,58 @@
+import PageTools from '@/components/page-tools';
+import { PageActionType } from '@/config/types';
+import { forwardRef, useImperativeHandle, useRef } from 'react';
+import styled from 'styled-components';
+import ClusterForm from '../components/cluster-form';
+import { ProviderType } from '../config';
+
+const Title = styled.span`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-weight: 700;
+  font-size: 16px;
+  .text {
+    font-size: 20px;
+  }
+`;
+interface BasicFormProps {
+  provider: ProviderType;
+  action: PageActionType;
+  credentialList: Global.BaseOption<number>[];
+  currentData?: any;
+}
+
+const BasicForm = forwardRef((props: BasicFormProps, ref) => {
+  const { provider, credentialList, action, currentData } = props;
+  const formRef = useRef<any>(null);
+
+  const handleOnFinish = (values: any) => {
+    console.log(values);
+  };
+
+  useImperativeHandle(ref, () => ({
+    validateFields: formRef.current?.validateFields,
+    getFieldsValue: formRef.current?.getFieldsValue,
+    submit: formRef.current?.submit
+  }));
+
+  return (
+    <div>
+      <PageTools
+        marginBottom={26}
+        left={<Title>Basic Configuration</Title>}
+        marginTop={0}
+      ></PageTools>
+      <ClusterForm
+        provider={provider}
+        action={action}
+        ref={formRef}
+        credentialList={credentialList}
+        onFinish={handleOnFinish}
+        currentData={currentData}
+      ></ClusterForm>
+    </div>
+  );
+});
+
+export default BasicForm;