fix: ignore the sort_by when no data

src/pages/api-keys/index.tsx

@@ -7,6 +7,7 @@ import useTableFetch from '@/hooks/use-table-fetch';
 import { useIntl } from '@umijs/max';
 import useMemoizedFn from 'ahooks/lib/useMemoizedFn';
 import { ConfigProvider, Table } from 'antd';
+import _ from 'lodash';
 import { useState } from 'react';
 import NoResult from '../_components/no-result';
 import PageBox from '../_components/page-box';
@@ -109,7 +110,7 @@ const APIKeys: React.FC = () => {
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}
         image={<IconFont type="icon-key" />}
-        filters={queryParams}
+        filters={_.omit(queryParams, ['sort_by'])}
         noFoundText={intl.formatMessage({
           id: 'noresult.keys.nofound'
         })}

src/pages/backends/index.tsx

@@ -214,7 +214,7 @@ const BackendList = () => {
           loadend={dataSource.loadend}
           dataSource={dataSource.dataList}
           image={<IconFont type="icon-models" />}
-          filters={queryParams}
+          filters={_.omit(queryParams, ['sort_by'])}
           noFoundText={intl.formatMessage({
             id: 'noresult.backend.nofound'
           })}

src/pages/cluster-management/clusters.tsx

@@ -15,6 +15,7 @@ import { useIntl, useNavigate } from '@umijs/max';
 import { useMemoizedFn } from 'ahooks';
 import { message } from 'antd';
 import { useAtom } from 'jotai';
+import _ from 'lodash';
 import { useEffect, useState } from 'react';
 import NoResult from '../_components/no-result';
 import PageBox from '../_components/page-box';
@@ -343,7 +344,7 @@ const Clusters: React.FC = () => {
                 loadend={dataSource.loadend}
                 dataSource={dataSource.dataList}
                 image={<IconFont type="icon-cluster-outline" />}
-                filters={queryParams}
+                filters={_.omit(queryParams, ['sort_by'])}
                 noFoundText={intl.formatMessage({
                   id: 'noresult.cluster.nofound'
                 })}

src/pages/cluster-management/credentials.tsx

@@ -9,6 +9,7 @@ import { useIntl, useNavigate } from '@umijs/max';
 import { useMemoizedFn } from 'ahooks';
 import { ConfigProvider, Table, message } from 'antd';
 import { useAtom } from 'jotai';
+import _ from 'lodash';
 import { useState } from 'react';
 import NoResult from '../_components/no-result';
 import PageBox from '../_components/page-box';
@@ -159,7 +160,7 @@ const Credentials: React.FC = () => {
         loadend={dataSource.loadend}
         dataSource={[]}
         image={<IconFont type="icon-credential-outline" />}
-        filters={queryParams}
+        filters={_.omit(queryParams, ['sort_by'])}
         noFoundText={intl.formatMessage({
           id: 'noresult.credentials.nofound'
         })}

src/pages/cluster-management/hooks/use-credential-columns.tsx

@@ -4,17 +4,13 @@ import DropdownButtons from '@/components/drop-down-buttons';
 import { tableSorter } from '@/config/settings';
 import { useIntl } from '@umijs/max';
 import { ColumnsType } from 'antd/es/table';
-import type { SortOrder } from 'antd/es/table/interface';
 import dayjs from 'dayjs';
 import { useMemo } from 'react';
 import { ProviderLabelMap, credentialActionList } from '../config';
 import { CredentialListItem as ListItem } from '../config/types';
 
 const useCredentialColumns = (
-  sortOrder: {
-    order?: SortOrder;
-    columnKey?: string;
-  },
+  sortOrder: string[],
   handleSelect: (val: string, record: ListItem) => void
 ): ColumnsType<ListItem> => {
   const intl = useIntl();
@@ -76,7 +72,7 @@ const useCredentialColumns = (
         )
       }
     ];
-  }, [intl, handleSelect, sortOrder]);
+  }, [intl, handleSelect]);
 };
 
 export default useCredentialColumns;

src/pages/cluster-management/step-forms/advance-config.tsx

@@ -25,6 +25,7 @@ const ClusterAdvanceConfig: React.FC<{
       return editorRef.current?.getValue();
     },
     setYamlValue: (values: any) => {
+      console.log('setYamlValue:', values);
       editorRef.current?.setValue(values || yamlTemplate);
     }
   }));

src/pages/llmodels/catalog.tsx

@@ -246,7 +246,7 @@ const Catalog: React.FC = () => {
           loadend={dataSource.loadend}
           dataSource={dataSource.dataList}
           image={<IconFont type="icon-layers" />}
-          filters={queryParams}
+          filters={_.omit(queryParams, ['sort_by'])}
           noFoundText={intl.formatMessage({
             id: 'noresult.catalog.nofound'
           })}

src/pages/llmodels/hooks/use-no-resource-result.tsx

@@ -5,6 +5,7 @@ import NoResult from '@/pages/_components/no-result';
 import { useIntl, useNavigate } from '@umijs/max';
 import { useMemoizedFn } from 'ahooks';
 import { useAtom } from 'jotai';
+import _ from 'lodash';
 import React, { useMemo } from 'react';
 
 /**Title: Generally, this is from the activation page.
@@ -102,7 +103,7 @@ const useNoResourceResult = (props: {
       loadend={loadend}
       dataSource={dataSource}
       image={<IconFont type={iconType} />}
-      filters={queryParams}
+      filters={_.omit(queryParams, ['sort_by'])}
       noFoundText={statusContent.noFoundText}
       title={title}
       subTitle={statusContent.subTitle}

src/pages/playground/components/ground-images.tsx

@@ -153,6 +153,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
       await form.current?.form?.validateFields();
       if (!parameters.model) return;
       const params = generateParams();
+      console.log('generateParams:', params);
       setParams({
         ...parameters,
         seed: params.seed

src/pages/playground/hooks/config.ts

@@ -72,5 +72,6 @@ export const imgInitialValues = {
   size: '512x512',
   response_format: 'b64_json',
   width: 512,
-  height: 512
+  height: 512,
+  random_seed: true
 };

src/pages/resources/components/gpus.tsx

@@ -7,6 +7,7 @@ import PageBox from '@/pages/_components/page-box';
 import { queryClusterList } from '@/pages/cluster-management/apis';
 import { useIntl } from '@umijs/max';
 import { ConfigProvider, Table } from 'antd';
+import _ from 'lodash';
 import React, { useEffect, useState } from 'react';
 import { GPU_DEVICES_API, queryGpuDevicesList } from '../apis';
 import { GPUDeviceItem } from '../config/types';
@@ -62,7 +63,7 @@ const GPUList: React.FC = () => {
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}
         image={<IconFont type="icon-gpu1" />}
-        filters={queryParams}
+        filters={_.omit(queryParams, ['sort_by'])}
         noFoundText={intl.formatMessage({ id: 'noresult.gpus.nofound' })}
         title={intl.formatMessage({ id: 'noresult.gpus.title' })}
         subTitle={intl.formatMessage({ id: 'noresult.gpus.subTitle' })}

src/pages/resources/components/model-files.tsx

@@ -216,7 +216,7 @@ const ModelFiles = () => {
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}
         image={<IconFont type="icon-files" />}
-        filters={queryParams}
+        filters={_.omit(queryParams, ['sort_by'])}
         noFoundText={intl.formatMessage({ id: 'noresult.modelfiles.nofound' })}
         title={intl.formatMessage({ id: 'noresult.modelfiles.title' })}
         subTitle={intl.formatMessage({ id: 'noresult.modelfiles.subTitle' })}

src/pages/users/hooks/use-users-columns.tsx

@@ -14,10 +14,7 @@ import { ListItem } from '../config/types';
 
 interface ColumnsHookProps {
   handleSelect: (val: string, record: ListItem) => void;
-  sortOrder: {
-    order?: 'ascend' | 'descend' | null;
-    columnKey?: string;
-  };
+  sortOrder: string[];
 }
 
 const actionList: Global.ActionItem[] = [

src/pages/users/index.tsx

@@ -8,6 +8,7 @@ import useTableFetch from '@/hooks/use-table-fetch';
 import { useIntl, useModel } from '@umijs/max';
 import { useMemoizedFn } from 'ahooks';
 import { ConfigProvider, message, Table } from 'antd';
+import _ from 'lodash';
 import { useMemo, useState } from 'react';
 import NoResult from '../_components/no-result';
 import PageBox from '../_components/page-box';
@@ -148,7 +149,7 @@ const Users: React.FC = () => {
         loadend={dataSource.loadend}
         dataSource={dataSource.dataList}
         image={<IconFont type="icon-users" />}
-        filters={queryParams}
+        filters={_.omit(queryParams, ['sort_by'])}
         noFoundText={intl.formatMessage({
           id: 'noresult.users.nofound'
         })}