chore(deps): upgrade antd to v6

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

@@ -2,7 +2,7 @@ import { clusterSessionAtom } from '@/atoms/clusters';
 import { PageAction } from '@/config';
 import { PageActionType } from '@/config/types';
 import ColumnWrapper from '@/pages/_components/column-wrapper';
-import { useIntl, useNavigate, useSearchParams } from '@umijs/max';
+import { useIntl, useSearchParams } from '@umijs/max';
 import { useAtom } from 'jotai';
 import _ from 'lodash';
 import React, { useEffect, useMemo, useRef, useState } from 'react';
@@ -66,7 +66,6 @@ const ClusterCreate: React.FC<{
   const [searchParams] = useSearchParams();
   const action =
     (searchParams.get('action') as PageActionType) || PageAction.CREATE;
-  const navigate = useNavigate();
   const [clusterSession, setClusterSession] = useAtom(clusterSessionAtom);
   const [credentialList, setCredentialList] = useState<
     Global.BaseOption<number, { provider: ProviderType }>[]
@@ -314,24 +313,12 @@ const ClusterCreate: React.FC<{
         firstAddCluster: false,
         firstAddWorker: false
       });
-      // navigate(`/cluster-management/clusters/list`);
       onClose?.();
       return;
     }
     onClose?.();
-    // navigate(-1);
   };
 
-  const breadcrumbItems = [
-    {
-      title: <a>{intl.formatMessage({ id: 'clusters.title' })}</a>,
-      onClick: () => handleCancel()
-    },
-    {
-      title: intl.formatMessage({ id: 'common.button.create' })
-    }
-  ];
-
   return (
     <MainWrapper>
       <StepsWrapper>

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

@@ -21,11 +21,11 @@ const ClusterModal: React.FC<ClusterModalProps> = ({ open, onClose }) => {
       closeIcon={false}
       maskClosable={false}
       keyboard={false}
-      width={900}
       styles={{
         body: {
           paddingBlock: 0
-        }
+        },
+        wrapper: { width: 900 }
       }}
       footer={false}
     >

src/pages/cluster-management/components/add-worker/add-worker-step.tsx

@@ -169,7 +169,7 @@ const AddWorkerSteps: React.FC<AddWorkerProps> = (props) => {
               width: '100%'
             }}
             type="success"
-            message={renderMessage(addedCount)}
+            title={renderMessage(addedCount)}
             closable
           />
         )}

src/pages/cluster-management/components/add-worker/check-environment.tsx

@@ -36,7 +36,7 @@ const CheckEnvironment = () => {
         style={{
           marginBottom: 8
         }}
-        message={
+        title={
           <span
             dangerouslySetInnerHTML={{
               __html: intl.formatMessage(

src/pages/cluster-management/components/add-worker/index.tsx

@@ -140,7 +140,7 @@ const AddWorker: React.FC<AddWorkerProps> = (props) => {
                 width: '100%'
               }}
               type="success"
-              message={renderMessage(addedCount)}
+              title={renderMessage(addedCount)}
               closable
             />
           )}

src/pages/cluster-management/components/add-worker/step-collapse.tsx

@@ -73,7 +73,7 @@ const StepCollapse: React.FC<StepItemProps> = ({
       <CollapsibleContainer
         collapsible={true}
         open={collapseKey?.has(name)}
-        iconPosition="right"
+        iconPlacement="right"
         styles={{
           body: collapseKey?.has(name) ? { padding: 16 } : {},
           content: { paddingTop: 0 },

src/pages/cluster-management/components/cloud-provider-form.tsx

@@ -168,13 +168,14 @@ const CloudProvider: React.FC<CloudProviderProps> = (props) => {
         ]}
       >
         <SealSelect
-          showSearch
+          showSearch={{
+            filterOption: filterRegionOption
+          }}
           disabled={action === PageAction.EDIT}
           label={intl.formatMessage({ id: 'clusters.workerpool.region' })}
           required
           options={regions}
           loading={loading}
-          filterOption={filterRegionOption}
           labelRender={labelRender}
           optionRender={optionRender}
           onChange={handleRegionChange}

src/pages/cluster-management/components/cluster-detail-modal.tsx

@@ -20,12 +20,16 @@ const ClusterDetailModal: React.FC<ClusterDetailModalProps> = ({
 
   return (
     <GSDrawer
-      width={'calc(100vw - 200px)'}
+      styles={{
+        wrapper: {
+          width: 'calc(100vw - 200px)'
+        }
+      }}
       title={`${currentData?.name}`}
       open={open}
       onClose={handleOnClose}
     >
-      <ClusterDetailContent data={currentData} />
+      <ClusterDetailContent />
     </GSDrawer>
   );
 };

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

@@ -2,8 +2,6 @@ import { Steps } from 'antd';
 import React from 'react';
 import styled from 'styled-components';
 
-const { Step } = Steps;
-
 const Wrapper = styled.div`
   width: min(1200px, 100%);
   margin: 0 auto;
@@ -24,19 +22,12 @@ const ClusterSteps: React.FC<{
   return (
     <Wrapper>
       <Steps
+        items={steps}
         current={currentStep}
         size="small"
         onChange={onChange}
-        direction="vertical"
-      >
-        {steps.map((step) => (
-          <Step
-            key={step.title}
-            title={step.title}
-            description={step.content}
-          />
-        ))}
-      </Steps>
+        orientation="vertical"
+      ></Steps>
     </Wrapper>
   );
 };

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

@@ -365,8 +365,9 @@ const PoolForm: React.FC<AddModalProps> = forwardRef((props, ref) => {
             ]}
           >
             <SealSelect
-              showSearch
-              filterOption={filterInstanceOption}
+              showSearch={{
+                filterOption: filterInstanceOption
+              }}
               labelRender={instanceLabelRender}
               notFoundContent={<NotFoundContent />}
               label={intl.formatMessage({