refactor utils import/export

Signed-off-by: ruiyi.jiang <ruiyi.jiang@zilliz.com>

client/src/components/customInput/Types.ts

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react';
 import { InputLabelProps } from '@material-ui/core';
 import { IValidationItem } from '@/hooks';
-import { IExtraParam, ValidType } from '@/utils/Validation';
+import { IExtraParam, ValidType } from '@/utils';
 
 export type InputType = 'icon' | 'adornment' | 'text' | undefined;
 export type VariantType = 'filled' | 'outlined' | 'standard';

client/src/context/Prometheus.tsx

@@ -8,7 +8,7 @@ import {
   LAST_TIME_PROMETHEUS_INSTANCE,
   LAST_TIME_PROMETHEUS_NAMESPACE,
 } from '@/consts/Localstorage';
-import { formatPrometheusAddress } from '@/utils/Format';
+import { formatPrometheusAddress } from '@/utils';
 import { PrometheusHttp } from '@/http/Prometheus';
 import {
   PROMETHEUS_ADDRESS,

client/src/context/WebSocket.tsx

@@ -6,7 +6,7 @@ import { url } from '@/http/Axios';
 import { CollectionHttp } from '@/http/Collection';
 import { MilvusHttp } from '@/http/Milvus';
 import { CollectionView } from '@/pages/collections/Types';
-import { checkIndexBuilding, checkLoading } from '@/utils/Validation';
+import { checkIndexBuilding, checkLoading } from '@/utils';
 import { WebSocketType } from './Types';
 
 export const webSocketContext = createContext<WebSocketType>({

client/src/hooks/Result.tsx

@@ -1,7 +1,7 @@
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { ClassNameMap } from '@material-ui/styles/withStyles';
-import { detectItemType } from '@/utils/Common';
+import { detectItemType } from '@/utils';
 import CopyButton from '@/components/advancedSearch/CopyButton';
 
 export const useSearchResult = (searchResult: any[], classes: ClassNameMap) => {

client/src/pages/collections/Collection.tsx

@@ -8,7 +8,7 @@ import { ALL_ROUTER_TYPES } from '@/router/Types';
 import CustomTabList from '@/components/customTabList/CustomTabList';
 import { ITab } from '@/components/customTabList/Types';
 import Partitions from '../partitions/Partitions';
-import { parseLocationSearch } from '@/utils/Format';
+import { parseLocationSearch } from '@/utils';
 import Schema from '../schema/Schema';
 import Query from '../query/Query';
 import Preview from '../preview/Preview';

client/src/pages/collections/Collections.tsx

@@ -32,7 +32,7 @@ import ImportSampleDialog from '../dialogs/ImportSampleDialog';
 import { MilvusHttp } from '@/http/Milvus';
 import { LOADING_STATE } from '@/consts/Milvus';
 import { WS_EVENTS, WS_EVENTS_TYPE } from '@/consts/Http';
-import { checkIndexBuilding, checkLoading } from '@/utils/Validation';
+import { checkIndexBuilding, checkLoading } from '@/utils';
 import Aliases from './Aliases';
 
 const useStyles = makeStyles((theme: Theme) => ({

client/src/pages/collections/CreateFields.tsx

@@ -11,13 +11,13 @@ import { useTranslation } from 'react-i18next';
 import CustomSelector from '@/components/customSelector/CustomSelector';
 import icons from '@/components/icons/Icons';
 import CustomToolTip from '@/components/customToolTip/CustomToolTip';
-import { generateId } from '@/utils/Common';
-import { getCreateFieldType } from '@/utils/Format';
 import {
+  generateId,
+  getCreateFieldType,
   checkEmptyValid,
   checkRange,
   getCheckResult,
-} from '@/utils/Validation';
+} from '@/utils';
 import {
   ALL_OPTIONS,
   PRIMARY_FIELDS_OPTIONS,

client/src/pages/connect/AuthForm.tsx

@@ -6,7 +6,7 @@ import CustomInput from '@/components/customInput/CustomInput';
 import icons from '@/components/icons/Icons';
 import { ITextfieldConfig } from '@/components/customInput/Types';
 import { useFormValidation } from '@/hooks';
-import { formatForm } from '@/utils/Form';
+import { formatForm } from '@/utils';
 import { MilvusHttp } from '@/http/Milvus';
 import { useNavigate } from 'react-router-dom';
 import { rootContext, authContext, prometheusContext } from '@/context';

client/src/pages/database/Create.tsx

@@ -5,7 +5,7 @@ import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import CustomInput from '@/components/customInput/CustomInput';
 import { ITextfieldConfig } from '@/components/customInput/Types';
 import { useFormValidation } from '@/hooks';
-import { formatForm } from '@/utils/Form';
+import { formatForm } from '@/utils';
 import { CreateDatabaseProps, CreateDatabaseParams } from './Types';
 
 const useStyles = makeStyles((theme: Theme) => ({

client/src/pages/dialogs/CreateAliasDialog.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { rootContext } from '@/context';
 import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import CustomInput from '@/components/customInput/CustomInput';
-import { formatForm } from '@/utils/Form';
+import { formatForm } from '@/utils';
 import { useFormValidation } from '@/hooks';
 import { ITextfieldConfig } from '@/components/customInput/Types';
 import { CollectionHttp } from '@/http/Collection';

client/src/pages/dialogs/CreateCollectionDialog.tsx

@@ -7,8 +7,7 @@ import CustomSelector from '@/components/customSelector/CustomSelector';
 import { ITextfieldConfig } from '@/components/customInput/Types';
 import { rootContext } from '@/context';
 import { useFormValidation } from '@/hooks';
-import { formatForm } from '@/utils/Form';
-import { TypeEnum } from '@/utils/Validation';
+import { formatForm, TypeEnum } from '@/utils';
 import CreateFields from '../collections/CreateFields';
 import { CollectionHttp } from '@/http/Collection';
 import {

client/src/pages/dialogs/CreatePartitionDialog.tsx

@@ -6,7 +6,7 @@ import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import CustomInput from '@/components/customInput/CustomInput';
 import { ITextfieldConfig } from '@/components/customInput/Types';
 import { useFormValidation } from '@/hooks';
-import { formatForm } from '@/utils/Form';
+import { formatForm } from '@/utils';
 import { PartitionCreateProps } from './Types';
 import { PartitionManageParam } from '../partitions/Types';
 import { ManageRequestMethods } from '../../types/Common';

client/src/pages/dialogs/LoadCollectionDialog.tsx

@@ -10,8 +10,7 @@ import { useTranslation } from 'react-i18next';
 import { authContext, rootContext } from '@/context';
 import { CollectionHttp } from '@/http/Collection';
 import { useFormValidation } from '@/hooks';
-import { formatForm } from '@/utils/Form';
-import { parseJson, getNode } from '@/utils/Metric';
+import { formatForm, parseJson, getNode } from '@/utils';
 import CustomInput from '@/components/customInput/CustomInput';
 import { ITextfieldConfig } from '@/components/customInput/Types';
 import DialogTemplate from '@/components/customDialog/DialogTemplate';

client/src/pages/dialogs/RenameCollectionDialog.tsx

@@ -4,7 +4,7 @@ import { useTranslation } from 'react-i18next';
 import { rootContext } from '@/context';
 import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import CustomInput from '@/components/customInput/CustomInput';
-import { formatForm } from '@/utils/Form';
+import { formatForm } from '@/utils';
 import { useFormValidation } from '@/hooks';
 import { ITextfieldConfig } from '@/components/customInput/Types';
 import { CollectionHttp } from '@/http/Collection';

client/src/pages/dialogs/insert/Dialog.tsx

@@ -15,7 +15,7 @@ import icons from '@/components/icons/Icons';
 import { rootContext } from '@/context';
 import { Option } from '@/components/customSelector/Types';
 import { PartitionHttp } from '@/http/Partition';
-import { combineHeadsAndData } from '@/utils/Insert';
+import { combineHeadsAndData } from '@/utils';
 import InsertImport from './Import';
 import InsertPreview from './Preview';
 import InsertStatus from './Status';

client/src/pages/dialogs/insert/Import.tsx

@@ -5,7 +5,7 @@ import CustomSelector from '@/components/customSelector/CustomSelector';
 import { InsertImportProps } from './Types';
 import Uploader from '@/components/uploader/Uploader';
 import { INSERT_CSV_SAMPLE, INSERT_MAX_SIZE } from '../../../consts/Insert';
-import { parseByte } from '@/utils/Format';
+import { parseByte } from '@/utils';
 
 const getStyles = makeStyles((theme: Theme) => ({
   tip: {

client/src/pages/dialogs/insert/Preview.tsx

@@ -5,7 +5,7 @@ import { InsertPreviewProps } from './Types';
 import { Option } from '@/components/customSelector/Types';
 import CustomSelector from '@/components/customSelector/CustomSelector';
 import AttuGrid from '@/components/grid/Grid';
-import { transferCsvArrayToTableData } from '@/utils/Insert';
+import { transferCsvArrayToTableData } from '@/utils';
 import { ColDefinitionsType } from '@/components/grid/Types';
 import SimpleMenu from '@/components/menu/SimpleMenu';
 import icons from '@/components/icons/Icons';

client/src/pages/overview/Overview.tsx

@@ -10,8 +10,7 @@ import { useNavigationHook } from '@/hooks';
 import { CollectionHttp } from '@/http/Collection';
 import { MilvusHttp } from '@/http/Milvus';
 import { ALL_ROUTER_TYPES } from '@/router/Types';
-import { formatNumber } from '@/utils/Common';
-import { checkLoading, checkIndexBuilding } from '@/utils/Validation';
+import { checkLoading, checkIndexBuilding, formatNumber } from '@/utils';
 import CollectionCard from './collectionCard/CollectionCard';
 import StatisticsCard from './statisticsCard/StatisticsCard';
 

client/src/pages/preview/Preview.tsx

@@ -8,7 +8,7 @@ import { IndexHttp } from '@/http/Index';
 import { usePaginationHook, useSearchResult } from '@/hooks';
 import { ToolBarConfig } from '@/components/grid/Types';
 import CustomToolBar from '@/components/grid/ToolBar';
-import { generateVector } from '@/utils/Common';
+import { generateVector } from '@/utils';
 import { DataTypeEnum } from '@/pages/collections/Types';
 import { INDEX_CONFIG, DEFAULT_SEARCH_PARAM_VALUE_MAP } from '@/consts/Milvus';
 

client/src/pages/schema/Create.tsx

@@ -9,13 +9,17 @@ import {
   INDEX_CONFIG,
   INDEX_OPTIONS_MAP,
   METRIC_TYPES_VALUES,
-} from '../../consts/Milvus';
+} from '@/consts/Milvus';
 import { useFormValidation } from '@/hooks';
 import { getCreateIndexJSCode } from '@/utils/code/Js';
 import { getCreateIndexPYCode } from '@/utils/code/Py';
 import { getCreateIndexJavaCode } from '@/utils/code/Java';
-import { formatForm, getMetricOptions } from '@/utils/Form';
-import { computMilvusRecommonds, formatSize } from '@/utils/SizingTool';
+import {
+  formatForm,
+  getMetricOptions,
+  computMilvusRecommonds,
+  formatSize,
+} from '@/utils';
 import { DataTypeEnum, DataTypeStringEnum } from '../collections/Types';
 import CreateForm from './CreateForm';
 import SizingInfo from './SizingInfo';

client/src/pages/schema/IndexTypeElement.tsx

@@ -16,7 +16,7 @@ import CreateIndex from './Create';
 import DeleteTemplate from '@/components/customDialog/DeleteDialogTemplate';
 import StatusIcon from '@/components/status/StatusIcon';
 import { ChildrenStatusType } from '@/components/status/Types';
-import { sleep } from '@/utils/Common';
+import { sleep } from '@/utils';
 
 const useStyles = makeStyles((theme: Theme) => ({
   wrapper: {

client/src/pages/search/SearchParams.tsx

@@ -14,7 +14,7 @@ import {
 } from '@/consts/Milvus';
 import { rootContext } from '@/context';
 import { useFormValidation } from '@/hooks';
-import { formatForm } from '@/utils/Form';
+import { formatForm } from '@/utils';
 import { SearchParamInputConfig, SearchParamsProps } from './Types';
 
 const getStyles = makeStyles((theme: Theme) => ({

client/src/pages/search/VectorSearch.tsx

@@ -23,16 +23,17 @@ import { Field } from '@/components/advancedSearch/Types';
 import { CustomDatePicker } from '@/components/customDatePicker/CustomDatePicker';
 import { CollectionHttp } from '@/http/Collection';
 import { IndexHttp } from '@/http/Index';
-import { parseValue } from '@/utils/Insert';
 import {
+  parseValue,
+  parseLocationSearch,
   classifyFields,
   getDefaultIndexType,
   getEmbeddingType,
   getNonVectorFieldsForFilter,
   getVectorFieldOptions,
-} from '@/utils/search';
-import { parseLocationSearch } from '@/utils/Format';
-import { cloneObj, generateVector } from '@/utils/Common';
+  cloneObj,
+  generateVector,
+} from '@/utils';
 import { LOADING_STATE } from '@/consts/Milvus';
 import { DEFAULT_METRIC_VALUE_MAP } from '@/consts/Milvus';
 import { getLabelDisplayedRows } from './Utils';

client/src/pages/system/DataCard.tsx

@@ -2,11 +2,7 @@ import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import { makeStyles, useTheme } from '@material-ui/core';
 import Progress from './Progress';
-import {
-  formatByteSize,
-  formatSystemTime,
-  getByteString,
-} from '@/utils/Format';
+import { formatByteSize, formatSystemTime, getByteString } from '@/utils';
 import { DataProgressProps, DataSectionProps, DataCardProps } from './Types';
 
 const getStyles = makeStyles(theme => ({

client/src/pages/system/NodeListView.tsx

@@ -6,7 +6,7 @@ import { DataGrid } from '@mui/x-data-grid';
 import { useNavigationHook } from '@/hooks';
 import { ALL_ROUTER_TYPES } from '@/router/Types';
 import MiniTopo from './MiniTopology';
-import { getByteString, formatByteSize } from '@/utils/Format';
+import { getByteString, formatByteSize } from '@/utils';
 import DataCard from './DataCard';
 import { NodeListViewProps, Node } from './Types';
 

client/src/pages/system/ProgressCard.tsx

@@ -3,7 +3,7 @@ import { FC } from 'react';
 import { useTranslation } from 'react-i18next';
 import BaseCard from './BaseCard';
 import Progress from './Progress';
-import { getByteString } from '@/utils/Format';
+import { getByteString } from '@/utils';
 import { ProgressCardProps } from './Types';
 
 const color1 = '#06F3AF';

client/src/pages/system/SystemView.tsx

@@ -10,7 +10,7 @@ import NodeListView from './NodeListView';
 // import LineChartCard from './LineChartCard';
 // import ProgressCard from './ProgressCard';
 import DataCard from './DataCard';
-import { parseJson } from '@/utils/Metric';
+import { parseJson } from '@/utils';
 
 const getStyles = makeStyles((theme: Theme) => ({
   root: {

client/src/pages/systemHealthy/ThresholdSetting.tsx

@@ -1,19 +1,9 @@
-import {
-  Button,
-  Dialog,
-  DialogTitle,
-  Input,
-  List,
-  ListItem,
-  makeStyles,
-  Theme,
-  Typography,
-} from '@material-ui/core';
-import { Dispatch, SetStateAction, useMemo, useState } from 'react';
+import { Dialog, makeStyles, Theme } from '@material-ui/core';
+import { useMemo, useState } from 'react';
 import CustomInput from '@/components/customInput/CustomInput';
 import { ITextfieldConfig } from '@/components/customInput/Types';
 import { useFormValidation } from '@/hooks';
-import { formatForm } from '@/utils/Form';
+import { formatForm } from '@/utils';
 import { HEALTHY_STATUS_COLORS } from './consts';
 import { EHealthyStatus, IThreshold } from './Types';
 import SettingsOutlinedIcon from '@material-ui/icons/SettingsOutlined';

client/src/pages/systemHealthy/Topology.tsx

@@ -9,7 +9,7 @@ import {
 import { getIcon } from './getIcon';
 import { ENodeService, ENodeType, INodeTreeStructure } from './Types';
 import clsx from 'clsx';
-import { formatPrometheusAddress } from '@/utils/Format';
+import { formatPrometheusAddress } from '@/utils';
 import { prometheusContext } from '@/context';
 
 const getStyles = makeStyles((theme: Theme) => ({

client/src/pages/user/CreateUser.tsx

@@ -12,7 +12,7 @@ import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import CustomInput from '@/components/customInput/CustomInput';
 import { ITextfieldConfig } from '@/components/customInput/Types';
 import { useFormValidation } from '@/hooks';
-import { formatForm } from '@/utils/Form';
+import { formatForm } from '@/utils';
 import { CreateUserProps, CreateUserParams } from './Types';
 import { Option as RoleOption } from '@/components/customSelector/Types';
 

client/src/pages/user/Update.tsx

@@ -5,7 +5,7 @@ import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import CustomInput from '@/components/customInput/CustomInput';
 import { ITextfieldConfig } from '@/components/customInput/Types';
 import { useFormValidation } from '@/hooks';
-import { formatForm } from '@/utils/Form';
+import { formatForm } from '@/utils';
 import { UpdateUserParams, UpdateUserProps } from './Types';
 
 const useStyles = makeStyles((theme: Theme) => ({

client/src/pages/user/UpdateRoleDialog.tsx

@@ -5,7 +5,7 @@ import DialogTemplate from '@/components/customDialog/DialogTemplate';
 import CustomInput from '@/components/customInput/CustomInput';
 import { ITextfieldConfig } from '@/components/customInput/Types';
 import { useFormValidation } from '@/hooks';
-import { formatForm } from '@/utils/Form';
+import { formatForm } from '@/utils';
 import { UserHttp } from '@/http/User';
 import {
   CreateRoleProps,

client/src/pages/user/Users.tsx

@@ -6,7 +6,7 @@ import { useNavigationHook } from '@/hooks';
 import { ALL_ROUTER_TYPES } from '@/router/Types';
 import CustomTabList from '@/components/customTabList/CustomTabList';
 import { ITab } from '@/components/customTabList/Types';
-import { parseLocationSearch } from '@/utils/Format';
+import { parseLocationSearch } from '@/utils';
 import User from './User';
 import Roles from './Roles';
 import { TAB_ENUM } from './Types';

client/src/utils/index.ts

@@ -0,0 +1,9 @@
+export * from './Common';
+export * from './Form';
+export * from './Format';
+export * from './Insert';
+export * from './Metric';
+export * from './search';
+export * from './SizingTool';
+export * from './Sort';
+export * from './Validation';