format rowcount

Signed-off-by: ryjiang <jiangruiyi@gmail.com>

client/src/pages/collections/Collections.tsx

@@ -404,7 +404,7 @@ const Collections = () => {
         </span>
       ),
       formatter(v) {
-        return formatNumber(Number(v.rowCount));
+        return formatNumber(v.rowCount);
       },
     },
     {

client/src/pages/databases/tree/index.tsx

@@ -6,6 +6,7 @@ import { makeStyles, Theme, Tooltip } from '@material-ui/core';
 import { useNavigate, Params } from 'react-router-dom';
 import { CollectionObject } from '@server/types';
 import clcx from 'clsx';
+import { formatNumber } from '@/utils';
 
 export type TreeNodeType = 'db' | 'collection' | 'partition' | 'segment';
 
@@ -155,7 +156,7 @@ const CollectionNode: React.FC<{ data: CollectionObject }> = ({ data }) => {
     <div className={classes.collectionNode}>
       <div>
         {data.collection_name}
-        <span className={classes.count}>({data.rowCount})</span>
+        <span className={classes.count}>({formatNumber(data.rowCount || 0)})</span>
       </div>
       <div className={classes.right}>
         <Tooltip title={loadStatus}>

client/src/pages/search/VectorSearch.tsx

@@ -22,6 +22,7 @@ import {
   getVectorFieldOptions,
   cloneObj,
   generateVector,
+  formatNumber,
 } from '@/utils';
 import { LOADING_STATE, DYNAMIC_FIELD, DataTypeEnum } from '@/consts';
 import { getLabelDisplayedRows } from './Utils';
@@ -217,11 +218,14 @@ const VectorSearch = () => {
   // fetch data
   const loadedCollections = collections.filter(
     c => c.status === LOADING_STATE.LOADED
-  );
+  ) as CollectionFullObject[];
+  // sort by rowCounts
+  loadedCollections.sort((a, b) => b.rowCount - a.rowCount);
+
   const collectionOptions: Option[] = useMemo(
     () =>
       loadedCollections.map(c => ({
-        label: c.collection_name,
+        label: `${c.collection_name}(${formatNumber(c.rowCount)})`,
         value: c.collection_name,
       })),
     [loadedCollections]
@@ -414,7 +418,7 @@ const VectorSearch = () => {
             </Typography>
           )}
           {selectedFieldDimension !== 0 ? (
-            <Button
+            <CustomButton
               className={classes.exampleBtn}
               onClick={() => {
                 const dim =
@@ -425,7 +429,7 @@ const VectorSearch = () => {
               }}
             >
               {btnTrans('example')}
-            </Button>
+            </CustomButton>
           ) : null}
           <CustomButton
             variant="contained"

server/src/types/collections.type.ts

@@ -44,7 +44,7 @@ export interface DescribeIndexRes extends DescribeIndexResponse {
 export type CollectionFullObject = {
   collection_name: string;
   schema: SchemaObject;
-  rowCount: number | string;
+  rowCount: number;
   createdTime: number;
   aliases: string[];
   description: string;