chore(deps): upgrade antd to v6

src/pages/llmodels/components/deploy-builtin-modal.tsx

@@ -362,7 +362,9 @@ const AddModal: React.FC<AddModalProps> = (props) => {
       closeIcon={false}
       maskClosable={false}
       keyboard={false}
-      width={width}
+      styles={{
+        wrapper: { width: width }
+      }}
       footer={false}
     >
       <CatalogFormContext.Provider

src/pages/llmodels/components/deploy-modal.tsx

@@ -542,7 +542,9 @@ const AddModal: FC<AddModalProps> = (props) => {
       closeIcon={false}
       maskClosable={false}
       keyboard={false}
-      width={width}
+      styles={{
+        wrapper: { width: width }
+      }}
       footer={false}
     >
       <Container>

src/pages/llmodels/components/incompatiable-info.tsx

@@ -114,7 +114,7 @@ const IncompatiableInfo: React.FC<IncompatiableInfoProps> = (props) => {
       <CompatibleTag
         icon={<WarningOutlined />}
         color={error ? 'error' : 'warning'}
-        bordered={false}
+        variant="filled"
       ></CompatibleTag>
     </TooltipOverlayScroller>
   );

src/pages/llmodels/components/instance-item.tsx

@@ -102,6 +102,10 @@ const draftModelDownloadList: ColumnProps[] = [
   ...statusColumn
 ];
 
+const calcTotalVram = (vram: Record<string, number>) => {
+  return _.sum(_.values(vram));
+};
+
 const WorkerInfo = (props: {
   title: React.ReactNode;
   defaultOpen: boolean;
@@ -121,7 +125,7 @@ const WorkerInfo = (props: {
         onOpenChange={setOpen}
         title={props.title}
         styles={{
-          body: {
+          container: {
             width: 'max-content',
             maxWidth: '400px'
           }
@@ -224,7 +228,7 @@ const RenderWorkerDownloading = (props: {
     <Tooltip
       arrow={true}
       styles={{
-        body: {
+        container: {
           width: 360,
           backgroundColor: 'var(--color-spotlight-bg)'
         }
@@ -497,10 +501,6 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
     intl
   ]);
 
-  const calcTotalVram = (vram: Record<string, number>) => {
-    return _.sum(_.values(vram));
-  };
-
   const renderDistributedServer = (severList: any[]) => {
     const list = _.map(severList, (item: any) => {
       const data = _.find(workerList, { id: item.worker_id });
@@ -543,13 +543,11 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
     if (!severList.length) {
       return null;
     }
-
     return (
       <TooltipOverlayScroller
         toolTipProps={{
-          trigger: 'hover',
           styles: {
-            body: {
+            container: {
               width: 'max-content',
               maxWidth: '520px',
               minWidth: '400px'
@@ -558,26 +556,28 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
         }}
         title={renderDistributedServer(severList)}
       >
-        <ThemeTag
-          opacity={0.75}
-          color="processing"
-          style={{
-            marginRight: 0,
-            display: 'flex',
-            alignItems: 'center',
-            maxWidth: '100%',
-            minWidth: 50,
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-            borderRadius: 12
-          }}
-        >
-          <InfoCircleOutlined className="m-r-5" />
-          {intl.formatMessage({
-            id: 'models.table.acrossworker'
-          })}
-        </ThemeTag>
+        <span>
+          <ThemeTag
+            opacity={0.75}
+            color="processing"
+            style={{
+              marginRight: 0,
+              display: 'flex',
+              alignItems: 'center',
+              maxWidth: '100%',
+              minWidth: 50,
+              textOverflow: 'ellipsis',
+              whiteSpace: 'nowrap',
+              overflow: 'hidden',
+              borderRadius: 12
+            }}
+          >
+            <InfoCircleOutlined className="m-r-5" />
+            {intl.formatMessage({
+              id: 'models.table.acrossworker'
+            })}
+          </ThemeTag>
+        </span>
       </TooltipOverlayScroller>
     );
   };
@@ -608,7 +608,7 @@ const InstanceItem: React.FC<InstanceItemProps> = ({
     return (
       <Tooltip
         styles={{
-          body: {
+          container: {
             paddingInline: 12
           }
         }}

src/pages/llmodels/components/model-tag.tsx

@@ -53,6 +53,7 @@ const ModelTag: React.FC<ModelTagProps> = ({ categoryKey, size }) => {
   return (
     <Tag
       icon={config.icon}
+      variant="outlined"
       style={{
         height: size,
         margin: 0,

src/pages/llmodels/components/separator.tsx

@@ -6,7 +6,7 @@ const Separator: React.FC = () => {
   return (
     <div className="separator">
       <Divider
-        type="vertical"
+        orientation="vertical"
         style={{ height: 'calc(100vh - 89px)', marginInline: '0px' }}
       ></Divider>
       <span className="shape"></span>

src/pages/llmodels/components/table-list.tsx

@@ -700,7 +700,7 @@ const Models: React.FC<ModelsProps> = ({
                 <Button
                   icon={<DownOutlined></DownOutlined>}
                   type="primary"
-                  iconPosition="end"
+                  iconPlacement="end"
                 >
                   {intl?.formatMessage?.({ id: 'models.button.deploy' })}
                 </Button>

src/pages/llmodels/components/update-modal.tsx

@@ -243,7 +243,9 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
       closeIcon={true}
       maskClosable={false}
       keyboard={false}
-      width={600}
+      styles={{
+        wrapper: { width: 600 }
+      }}
       footer={false}
     >
       <ColumnWrapper

src/pages/llmodels/download/index.tsx

@@ -165,7 +165,9 @@ const DownloadModel: React.FC<AddModalProps> = (props) => {
       maskClosable={false}
       keyboard={false}
       zIndex={2000}
-      width={width}
+      styles={{
+        wrapper: { width: width }
+      }}
       footer={false}
     >
       <div style={{ display: 'flex', height: '100%' }}>

src/pages/llmodels/forms/speculative-decode.tsx

@@ -168,7 +168,9 @@ const SpeculativeDecode = () => {
                   id: 'models.form.draftModel.tips'
                 })}
                 options={draftModelList}
-                onSearch={onSearch}
+                showSearch={{
+                  onSearch: onSearch
+                }}
                 onBlur={handleOnDraftBlur}
                 onSelect={handleDraftSelect}
               ></AutoComlete>

src/pages/llmodels/style/data-form.less

@@ -15,7 +15,7 @@
       }
     }
 
-    .ant-collapse-content-box {
+    .ant-collapse-body {
       padding-inline: 0 !important;
       padding-block: 0 !important;
     }