support alias src

Signed-off-by: ruiyi.jiang <[email protected]>
zilliztech · Jul 26, 2023 · ea41298 · ea41298
1 parent 7bcfe42
commit ea41298
Show file tree

Hide file tree

Showing 48 changed files with 295 additions and 285 deletions.
diff --git a/client/src/pages/collections/Aliases.tsx b/client/src/pages/collections/Aliases.tsx
@@ -1,13 +1,13 @@
 import { useContext } from 'react';
 import { Chip, IconButton, makeStyles, Theme } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
-import { rootContext } from '../../context/Root';
+import { rootContext } from '@/context/Root';
 import { AliasesProps } from './Types';
-import icons from '../../components/icons/Icons';
+import icons from '@/components/icons/Icons';
 import DeleteIcon from '@material-ui/icons/Delete';
 import CreateAliasDialog from '../dialogs/CreateAliasDialog';
-import DeleteTemplate from '../../components/customDialog/DeleteDialogTemplate';
-import { CollectionHttp } from '../../http/Collection';
+import DeleteTemplate from '@/components/customDialog/DeleteDialogTemplate';
+import { CollectionHttp } from '@/http/Collection';
 
 const useStyles = makeStyles((theme: Theme) => ({
   wrapper: {

diff --git a/client/src/pages/collections/Collection.tsx b/client/src/pages/collections/Collection.tsx
@@ -2,13 +2,13 @@ import { useMemo, useContext } from 'react';
 import { useNavigate, useLocation, useParams } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
 import { makeStyles, Theme } from '@material-ui/core';
-import { authContext } from '../../context/Auth';
-import { useNavigationHook } from '../../hooks/Navigation';
-import { ALL_ROUTER_TYPES } from '../../router/Types';
-import CustomTabList from '../../components/customTabList/CustomTabList';
-import { ITab } from '../../components/customTabList/Types';
+import { authContext } from '@/context/Auth';
+import { useNavigationHook } from '@/hooks/Navigation';
+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/Format';
 import Schema from '../schema/Schema';
 import Query from '../query/Query';
 import Preview from '../preview/Preview';

diff --git a/client/src/pages/collections/Collections.tsx b/client/src/pages/collections/Collections.tsx
@@ -2,35 +2,35 @@ import { useCallback, useContext, useEffect, useMemo, useState } from 'react';
 import { Link, useSearchParams } from 'react-router-dom';
 import { makeStyles, Theme } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
-import { authContext } from '../../context/Auth';
-import { useNavigationHook } from '../../hooks/Navigation';
-import { ALL_ROUTER_TYPES } from '../../router/Types';
-import AttuGrid from '../../components/grid/Grid';
-import CustomToolBar from '../../components/grid/ToolBar';
+import { authContext } from '@/context/Auth';
+import { useNavigationHook } from '@/hooks/Navigation';
+import { ALL_ROUTER_TYPES } from '@/router/Types';
+import AttuGrid from '@/components/grid/Grid';
+import CustomToolBar from '@/components/grid/ToolBar';
 import { CollectionView, InsertDataParam } from './Types';
-import { ColDefinitionsType, ToolBarConfig } from '../../components/grid/Types';
-import { usePaginationHook } from '../../hooks/Pagination';
-import icons from '../../components/icons/Icons';
-import EmptyCard from '../../components/cards/EmptyCard';
-import Status from '../../components/status/Status';
-import { ChildrenStatusType } from '../../components/status/Types';
-import StatusIcon from '../../components/status/StatusIcon';
-import CustomToolTip from '../../components/customToolTip/CustomToolTip';
-import { rootContext } from '../../context/Root';
+import { ColDefinitionsType, ToolBarConfig } from '@/components/grid/Types';
+import { usePaginationHook } from '@/hooks/Pagination';
+import icons from '@/components/icons/Icons';
+import EmptyCard from '@/components/cards/EmptyCard';
+import Status from '@/components/status/Status';
+import { ChildrenStatusType } from '@/components/status/Types';
+import StatusIcon from '@/components/status/StatusIcon';
+import CustomToolTip from '@/components/customToolTip/CustomToolTip';
+import { rootContext } from '@/context/Root';
 import CreateCollectionDialog from '../dialogs/CreateCollectionDialog';
-import { CollectionHttp } from '../../http/Collection';
+import { CollectionHttp } from '@/http/Collection';
 import LoadCollectionDialog from '../dialogs/LoadCollectionDialog';
 import ReleaseCollectionDialog from '../dialogs/ReleaseCollectionDialog';
 import DropCollectionDialog from '../dialogs/DropCollectionDialog';
 import RenameCollectionDialog from '../dialogs/RenameCollectionDialog';
 import Highlighter from 'react-highlight-words';
 import InsertDialog from '../dialogs/insert/Dialog';
 import ImportSampleDialog from '../dialogs/ImportSampleDialog';
-import { MilvusHttp } from '../../http/Milvus';
+import { MilvusHttp } from '@/http/Milvus';
 import { LOADING_STATE } from '../../consts/Milvus';
-import { webSokcetContext } from '../../context/WebSocket';
+import { webSokcetContext } from '@/context/WebSocket';
 import { WS_EVENTS, WS_EVENTS_TYPE } from '../../consts/Http';
-import { checkIndexBuilding, checkLoading } from '../../utils/Validation';
+import { checkIndexBuilding, checkLoading } from '@/utils/Validation';
 import Aliases from './Aliases';
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/client/src/pages/collections/CreateFields.tsx b/client/src/pages/collections/CreateFields.tsx
@@ -8,16 +8,16 @@ import {
 } from '@material-ui/core';
 import { FC, Fragment, ReactElement, useMemo } from 'react';
 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 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 {
   checkEmptyValid,
   checkRange,
   getCheckResult,
-} from '../../utils/Validation';
+} from '@/utils/Validation';
 import {
   ALL_OPTIONS,
   PRIMARY_FIELDS_OPTIONS,

diff --git a/client/src/pages/collections/Types.ts b/client/src/pages/collections/Types.ts
@@ -1,5 +1,5 @@
 import { Dispatch, ReactElement, SetStateAction } from 'react';
-import { ChildrenStatusType } from '../../components/status/Types';
+import { ChildrenStatusType } from '@/components/status/Types';
 import { LOADING_STATE } from '../../consts/Milvus';
 import { FieldData } from '../schema/Types';
 

diff --git a/client/src/pages/connect/AuthForm.tsx b/client/src/pages/connect/AuthForm.tsx
@@ -1,21 +1,21 @@
 import React, { useContext, useMemo, useState } from 'react';
 
 import { makeStyles, Theme, Typography } from '@material-ui/core';
-import CustomButton from '../../components/customButton/CustomButton';
-import CustomInput from '../../components/customInput/CustomInput';
-import icons from '../../components/icons/Icons';
+import CustomButton from '@/components/customButton/CustomButton';
+import CustomInput from '@/components/customInput/CustomInput';
+import icons from '@/components/icons/Icons';
 import { useTranslation } from 'react-i18next';
-import { ITextfieldConfig } from '../../components/customInput/Types';
-import { useFormValidation } from '../../hooks/Form';
-import { formatForm } from '../../utils/Form';
-import { MilvusHttp } from '../../http/Milvus';
+import { ITextfieldConfig } from '@/components/customInput/Types';
+import { useFormValidation } from '@/hooks/Form';
+import { formatForm } from '@/utils/Form';
+import { MilvusHttp } from '@/http/Milvus';
 import { useNavigate } from 'react-router-dom';
-import { rootContext } from '../../context/Root';
-import { authContext } from '../../context/Auth';
+import { rootContext } from '@/context/Root';
+import { authContext } from '@/context/Auth';
 import { MILVUS_ADDRESS, LAST_TIME_ADDRESS } from '../../consts/Localstorage';
 import { MILVUS_URL } from '../../consts/Milvus';
-import { CustomRadio } from '../../components/customRadio/CustomRadio';
-import { prometheusContext } from '../../context/Prometheus';
+import { CustomRadio } from '@/components/customRadio/CustomRadio';
+import { prometheusContext } from '@/context/Prometheus';
 
 const useStyles = makeStyles((theme: Theme) => ({
   wrapper: {

diff --git a/client/src/pages/connect/Connect.tsx b/client/src/pages/connect/Connect.tsx
@@ -2,8 +2,8 @@ import { useContext } from 'react';
 import { Navigate } from 'react-router-dom';
 import ConnectContainer from './ConnectContainer';
 import { AuthForm } from './AuthForm';
-import { authContext } from '../../context/Auth';
-import GlobalEffect from '../../components/layout/GlobalEffect';
+import { authContext } from '@/context/Auth';
+import GlobalEffect from '@/components/layout/GlobalEffect';
 
 const Connect = () => {
   const { isAuth } = useContext(authContext);

diff --git a/client/src/pages/database/Create.tsx b/client/src/pages/database/Create.tsx
@@ -1,11 +1,11 @@
 import { makeStyles, Theme } from '@material-ui/core';
 import { FC, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import DialogTemplate from '../../components/customDialog/DialogTemplate';
-import CustomInput from '../../components/customInput/CustomInput';
-import { ITextfieldConfig } from '../../components/customInput/Types';
-import { useFormValidation } from '../../hooks/Form';
-import { formatForm } from '../../utils/Form';
+import DialogTemplate from '@/components/customDialog/DialogTemplate';
+import CustomInput from '@/components/customInput/CustomInput';
+import { ITextfieldConfig } from '@/components/customInput/Types';
+import { useFormValidation } from '@/hooks/Form';
+import { formatForm } from '@/utils/Form';
 import { CreateDatabaseProps, CreateDatabaseParams } from './Types';
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/client/src/pages/database/Database.tsx b/client/src/pages/database/Database.tsx
@@ -1,17 +1,17 @@
 import React, { useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { DatabaseHttp } from '../../http/Database';
-import AttuGrid from '../../components/grid/Grid';
-import { ColDefinitionsType, ToolBarConfig } from '../../components/grid/Types';
+import { DatabaseHttp } from '@/http/Database';
+import AttuGrid from '@/components/grid/Grid';
+import { ColDefinitionsType, ToolBarConfig } from '@/components/grid/Types';
 import {
   CreateDatabaseParams,
   DropDatabaseParams,
   DatabaseData,
 } from './Types';
-import DeleteTemplate from '../../components/customDialog/DeleteDialogTemplate';
-import { rootContext } from '../../context/Root';
-import { useNavigationHook } from '../../hooks/Navigation';
-import { ALL_ROUTER_TYPES } from '../../router/Types';
+import DeleteTemplate from '@/components/customDialog/DeleteDialogTemplate';
+import { rootContext } from '@/context/Root';
+import { useNavigationHook } from '@/hooks/Navigation';
+import { ALL_ROUTER_TYPES } from '@/router/Types';
 import CreateUser from './Create';
 
 const Database = () => {

diff --git a/client/src/pages/database/Update.tsx b/client/src/pages/database/Update.tsx
@@ -1,11 +1,11 @@
 import { makeStyles, Theme } from '@material-ui/core';
 import { FC, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import DialogTemplate from '../../components/customDialog/DialogTemplate';
-import CustomInput from '../../components/customInput/CustomInput';
-import { ITextfieldConfig } from '../../components/customInput/Types';
-import { useFormValidation } from '../../hooks/Form';
-import { formatForm } from '../../utils/Form';
+import DialogTemplate from '@/components/customDialog/DialogTemplate';
+import CustomInput from '@/components/customInput/CustomInput';
+import { ITextfieldConfig } from '@/components/customInput/Types';
+import { useFormValidation } from '@/hooks/Form';
+import { formatForm } from '@/utils/Form';
 import { UpdateUserParams, UpdateUserProps } from './Types';
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/client/src/pages/dialogs/CreateAliasDialog.tsx b/client/src/pages/dialogs/CreateAliasDialog.tsx
@@ -1,13 +1,13 @@
 import { FC, useContext, useMemo, useState } from 'react';
 import { Typography, makeStyles, Theme } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
-import { rootContext } from '../../context/Root';
-import DialogTemplate from '../../components/customDialog/DialogTemplate';
-import CustomInput from '../../components/customInput/CustomInput';
-import { formatForm } from '../../utils/Form';
-import { useFormValidation } from '../../hooks/Form';
-import { ITextfieldConfig } from '../../components/customInput/Types';
-import { CollectionHttp } from '../../http/Collection';
+import { rootContext } from '@/context/Root';
+import DialogTemplate from '@/components/customDialog/DialogTemplate';
+import CustomInput from '@/components/customInput/CustomInput';
+import { formatForm } from '@/utils/Form';
+import { useFormValidation } from '@/hooks/Form';
+import { ITextfieldConfig } from '@/components/customInput/Types';
+import { CollectionHttp } from '@/http/Collection';
 import { CreateAliasProps } from '../collections/Types';
 
 const useStyles = makeStyles((theme: Theme) => ({

diff --git a/client/src/pages/dialogs/CreateCollectionDialog.tsx b/client/src/pages/dialogs/CreateCollectionDialog.tsx
@@ -1,16 +1,16 @@
 import { makeStyles, Theme } from '@material-ui/core';
 import { FC, useContext, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import DialogTemplate from '../../components/customDialog/DialogTemplate';
-import CustomInput from '../../components/customInput/CustomInput';
-import CustomSelector from '../../components/customSelector/CustomSelector';
-import { ITextfieldConfig } from '../../components/customInput/Types';
-import { rootContext } from '../../context/Root';
-import { useFormValidation } from '../../hooks/Form';
-import { formatForm } from '../../utils/Form';
-import { TypeEnum } from '../../utils/Validation';
+import DialogTemplate from '@/components/customDialog/DialogTemplate';
+import CustomInput from '@/components/customInput/CustomInput';
+import CustomSelector from '@/components/customSelector/CustomSelector';
+import { ITextfieldConfig } from '@/components/customInput/Types';
+import { rootContext } from '@/context/Root';
+import { useFormValidation } from '@/hooks/Form';
+import { formatForm } from '@/utils/Form';
+import { TypeEnum } from '@/utils/Validation';
 import CreateFields from '../collections/CreateFields';
-import { CollectionHttp } from '../../http/Collection';
+import { CollectionHttp } from '@/http/Collection';
 import {
   CollectionCreateParam,
   CollectionCreateProps,

diff --git a/client/src/pages/dialogs/CreatePartitionDialog.tsx b/client/src/pages/dialogs/CreatePartitionDialog.tsx
@@ -1,16 +1,16 @@
 import { makeStyles, Theme } from '@material-ui/core';
 import { FC, useMemo, useState, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
-import { rootContext } from '../../context/Root';
-import DialogTemplate from '../../components/customDialog/DialogTemplate';
-import CustomInput from '../../components/customInput/CustomInput';
-import { ITextfieldConfig } from '../../components/customInput/Types';
-import { useFormValidation } from '../../hooks/Form';
-import { formatForm } from '../../utils/Form';
+import { rootContext } from '@/context/Root';
+import DialogTemplate from '@/components/customDialog/DialogTemplate';
+import CustomInput from '@/components/customInput/CustomInput';
+import { ITextfieldConfig } from '@/components/customInput/Types';
+import { useFormValidation } from '@/hooks/Form';
+import { formatForm } from '@/utils/Form';
 import { PartitionCreateProps } from './Types';
 import { PartitionManageParam } from '../partitions/Types';
 import { ManageRequestMethods } from '../../types/Common';
-import { PartitionHttp } from '../../http/Partition';
+import { PartitionHttp } from '@/http/Partition';
 
 const useStyles = makeStyles((theme: Theme) => ({
   input: {

diff --git a/client/src/pages/dialogs/DropCollectionDialog.tsx b/client/src/pages/dialogs/DropCollectionDialog.tsx
@@ -1,8 +1,8 @@
 import { FC, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
-import { rootContext } from '../../context/Root';
-import DeleteTemplate from '../../components/customDialog/DeleteDialogTemplate';
-import { CollectionHttp } from '../../http/Collection';
+import { rootContext } from '@/context/Root';
+import DeleteTemplate from '@/components/customDialog/DeleteDialogTemplate';
+import { CollectionHttp } from '@/http/Collection';
 import { DropCollectionProps } from './Types';
 
 const DropCollectionDialog: FC<DropCollectionProps> = props => {

diff --git a/client/src/pages/dialogs/DropPartitionDialog.tsx b/client/src/pages/dialogs/DropPartitionDialog.tsx
@@ -1,9 +1,9 @@
 import { FC, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
-import { rootContext } from '../../context/Root';
-import DeleteTemplate from '../../components/customDialog/DeleteDialogTemplate';
+import { rootContext } from '@/context/Root';
+import DeleteTemplate from '@/components/customDialog/DeleteDialogTemplate';
 import { DropPartitionProps } from './Types';
-import { PartitionHttp } from '../../http/Partition';
+import { PartitionHttp } from '@/http/Partition';
 import { PartitionManageParam } from '../partitions/Types';
 import { ManageRequestMethods } from '../../types/Common';
 

diff --git a/client/src/pages/dialogs/ImportSampleDialog.tsx b/client/src/pages/dialogs/ImportSampleDialog.tsx
@@ -1,12 +1,12 @@
 import { makeStyles, Theme, Typography } from '@material-ui/core';
 import { FC, useState, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
-import DialogTemplate from '../../components/customDialog/DialogTemplate';
-import CustomSelector from '../../components/customSelector/CustomSelector';
-import { rootContext } from '../../context/Root';
+import DialogTemplate from '@/components/customDialog/DialogTemplate';
+import CustomSelector from '@/components/customSelector/CustomSelector';
+import { rootContext } from '@/context/Root';
 import { InsertStatusEnum } from './insert/Types';
-import { CollectionHttp } from '../../http/Collection';
-import { MilvusHttp } from '../../http/Milvus';
+import { CollectionHttp } from '@/http/Collection';
+import { MilvusHttp } from '@/http/Milvus';
 import { LoadSampleParam } from './Types';
 
 const getStyles = makeStyles((theme: Theme) => {

diff --git a/client/src/pages/dialogs/LoadCollectionDialog.tsx b/client/src/pages/dialogs/LoadCollectionDialog.tsx
@@ -7,19 +7,19 @@ import {
   FormControlLabel,
 } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
-import { authContext } from '../../context/Auth';
-import { CollectionHttp } from '../../http/Collection';
-import { rootContext } from '../../context/Root';
-import { useFormValidation } from '../../hooks/Form';
-import { formatForm } from '../../utils/Form';
-import { parseJson, getNode } from '../../utils/Metric';
-import CustomInput from '../../components/customInput/CustomInput';
-import { ITextfieldConfig } from '../../components/customInput/Types';
-import DialogTemplate from '../../components/customDialog/DialogTemplate';
-import { MilvusHttp } from '../../http/Milvus';
-import CustomToolTip from '../../components/customToolTip/CustomToolTip';
+import { authContext } from '@/context/Auth';
+import { CollectionHttp } from '@/http/Collection';
+import { rootContext } from '@/context/Root';
+import { useFormValidation } from '@/hooks/Form';
+import { formatForm } from '@/utils/Form';
+import { parseJson, getNode } from '@/utils/Metric';
+import CustomInput from '@/components/customInput/CustomInput';
+import { ITextfieldConfig } from '@/components/customInput/Types';
+import DialogTemplate from '@/components/customDialog/DialogTemplate';
+import { MilvusHttp } from '@/http/Milvus';
+import CustomToolTip from '@/components/customToolTip/CustomToolTip';
 import { MILVUS_NODE_TYPE, MILVUS_DEPLOY_MODE } from '../../consts/Milvus';
-import icons from '../../components/icons/Icons';
+import icons from '@/components/icons/Icons';
 
 const useStyles = makeStyles((theme: Theme) => ({
   desc: {

diff --git a/client/src/pages/dialogs/ReleaseCollectionDialog.tsx b/client/src/pages/dialogs/ReleaseCollectionDialog.tsx
@@ -1,9 +1,9 @@
 import { useContext, useState } from 'react';
 import { Typography, makeStyles, Theme } from '@material-ui/core';
 import { useTranslation } from 'react-i18next';
-import { CollectionHttp } from '../../http/Collection';
-import { rootContext } from '../../context/Root';
-import DialogTemplate from '../../components/customDialog/DialogTemplate';
+import { CollectionHttp } from '@/http/Collection';
+import { rootContext } from '@/context/Root';
+import DialogTemplate from '@/components/customDialog/DialogTemplate';
 
 const useStyles = makeStyles((theme: Theme) => ({
   desc: {