fix: pool's label editable

src/pages/cluster-management/cluster-create.tsx

@@ -23,38 +23,10 @@ const Container = styled.div`
   align-items: center;
 `;
 
-const Nav = styled.div`
-  display: flex;
-  align-items: center;
-  font-weight: 400;
-  font-size: 20px;
-  color: var(--ant-color-text-tertiary);
-  .level-2 {
-    color: var(--ant-color-text);
-    font-weight: 600;
-  }
-`;
-
 const Content = styled.div`
   width: 600px;
 `;
 
-const HeaderContainer = styled.div`
-  position: relative;
-  display: grid;
-  grid-template-columns: 1fr;
-  align-items: center;
-  padding-inline: var(--layout-content-header-inlinepadding);
-  .text {
-    margin-right: 16px;
-    padding-right: 16px;
-    border-right: 1px solid var(--ant-color-split);
-    font-weight: 600;
-    font-size: 20px;
-    margin-right: 32px;
-  }
-`;
-
 const ClusterCreate = () => {
   const intl = useIntl();
   const startStep = 0;
@@ -110,11 +82,6 @@ const ClusterCreate = () => {
       }));
   }, [action, extraData.provider, stepList]);
 
-  const handleStepChange = (newStep: number) => {
-    setCurrentStep(newStep);
-    console.log('step========', newStep);
-  };
-
   const getFormFieldsValue = () => {
     setFormValues((prev) => {
       const newFormValues = _.cloneDeep(prev);
@@ -141,8 +108,6 @@ const ClusterCreate = () => {
         formKeys.map((key) => formRefs[key].current?.validateFields())
       );
 
-      console.log('results========', results);
-
       const resultsMap = new Map<string, any>();
       results.forEach((result, index) => {
         if (result.status === 'rejected') {
@@ -168,7 +133,6 @@ const ClusterCreate = () => {
   const onNext = async (callback?: (values: ClusterFormData) => void) => {
     try {
       const result = await validateForms();
-      console.log('results========2', result);
       if (result) {
         await callback?.(result as ClusterFormData);
         const step = steps[currentStep];
@@ -306,11 +270,7 @@ const ClusterCreate = () => {
         title: <PageBreadcrumb items={breadcrumbItems} />
       }}
     >
-      <ClusterSteps
+      <ClusterSteps steps={steps} currentStep={currentStep}></ClusterSteps>
-        steps={steps}
-        currentStep={currentStep}
-        onChange={handleStepChange}
-      ></ClusterSteps>
       {currentStep === startStep && (
         <ProviderCatalog
           dataList={providerList}

src/pages/cluster-management/components/cluster-steps.tsx

@@ -17,7 +17,7 @@ const Wrapper = styled.div`
 
 const ClusterSteps: React.FC<{
   currentStep: number;
-  onChange: (step: number) => void;
+  onChange?: (step: number) => void;
   steps: any[];
 }> = (props) => {
   const { steps, currentStep, onChange } = props;
@@ -27,7 +27,6 @@ const ClusterSteps: React.FC<{
       <Steps current={currentStep} size="small" onChange={onChange} progressDot>
         {steps.map((step) => (
           <Step
-            disabled={step.disabled}
             key={step.title}
             title={step.title}
             description={step.content}

src/pages/cluster-management/components/pool-form.tsx

@@ -456,7 +456,6 @@ const PoolForm: React.FC<AddModalProps> = forwardRef((props, ref) => {
             ]}
           >
             <LabelSelector
-              disabled={action === PageAction.EDIT}
               label={intl.formatMessage({ id: 'resources.table.labels' })}
               labels={labels || {}}
               btnText={intl.formatMessage({ id: 'common.button.addLabel' })}