chore: prettier all code

src/app.ts

@@ -14,16 +14,16 @@
  * limitations under the License.
  */
 
-import React from 'react';
 import { setLocale } from '@umijs/max';
+import React from 'react';
 import { initMetaStore } from './common/metaStore';
 import DndHTML5Provider from './component/DndHTML5Provider';
 import registerPlugins from './plugins/register';
 import { isClient } from './util/env';
-import logger from './util/logger';
-import { getRoute } from './util/tracert/userRoutes';
 import { initIntl } from './util/intl';
+import logger from './util/logger';
 import { initSentry } from './util/sentry';
+import { getRoute } from './util/tracert/userRoutes';
 if (isClient()) {
   import('@sentry/electron').then((_Sentry) => {
     _Sentry.init({

src/common/datasource/doris/index.tsx

@@ -15,9 +15,9 @@
  */
 
 import { ConnectType, TaskType } from '@/d.ts';
+import { haveOCP } from '@/util/env';
 import { IDataSourceModeConfig } from '../interface';
 import MySQLColumnExtra from '../oceanbase/MySQLColumnExtra';
-import { haveOCP } from '@/util/env';
 
 const tableConfig = {
   enableTableCharsetsAndCollations: true,

src/common/datasource/index.tsx

@@ -14,22 +14,22 @@
  * limitations under the License.
  */
 
-import { ConnectType, ConnectionMode } from '@/d.ts';
-import { IDataSourceModeConfig } from './interface';
+import { ConnectionMode, ConnectType } from '@/d.ts';
 import { IDataSourceType } from '@/d.ts/datasource';
-import obOracle from './oceanbase/oboracle';
-import obMySQL from './oceanbase/obmysql';
-import oracle from './oracle';
-import MySQL from './mysql';
-import Doris from './doris';
-import { ReactComponent as OBSvg } from '@/svgr/source_ob.svg';
-import { ReactComponent as DBOBSvg } from '@/svgr/database_oceanbase.svg';
-import { ReactComponent as MySQLSvg } from '@/svgr/mysql.svg';
+import { ReactComponent as DBDorisSvg } from '@/svgr/database_doris.svg';
 import { ReactComponent as DBMySQLSvg } from '@/svgr/database_mysql.svg';
+import { ReactComponent as DBOBSvg } from '@/svgr/database_oceanbase.svg';
+import { ReactComponent as DBOracleSvg } from '@/svgr/database_oracle.svg';
 import { ReactComponent as DorisSvg } from '@/svgr/doris.svg';
-import { ReactComponent as DBDorisSvg } from '@/svgr/database_doris.svg';
+import { ReactComponent as MySQLSvg } from '@/svgr/mysql.svg';
 import { ReactComponent as OracleSvg } from '@/svgr/oracle.svg';
-import { ReactComponent as DBOracleSvg } from '@/svgr/database_oracle.svg';
+import { ReactComponent as OBSvg } from '@/svgr/source_ob.svg';
+import Doris from './doris';
+import { IDataSourceModeConfig } from './interface';
+import MySQL from './mysql';
+import obMySQL from './oceanbase/obmysql';
+import obOracle from './oceanbase/oboracle';
+import oracle from './oracle';
 
 const _types: Map<
   IDataSourceType,

src/common/datasource/mysql/index.tsx

@@ -15,9 +15,9 @@
  */
 
 import { ConnectType, TaskType } from '@/d.ts';
+import { haveOCP } from '@/util/env';
 import { IDataSourceModeConfig } from '../interface';
 import MySQLColumnExtra from '../oceanbase/MySQLColumnExtra';
-import { haveOCP } from '@/util/env';
 
 const tableConfig = {
   enableTableCharsetsAndCollations: true,

src/common/datasource/oceanbase/MySQLColumnExtra.tsx

@@ -14,14 +14,14 @@
  * limitations under the License.
  */
 
-import { dataTypesIns } from '@/util/dataType';
-import { columnExtraComponent } from '../interface';
 import Character from '@/page/Workspace/components/CreateTable/Columns/ColumnExtraInfo/Character';
 import DataSync from '@/page/Workspace/components/CreateTable/Columns/ColumnExtraInfo/DateSync';
 import DefaultValue from '@/page/Workspace/components/CreateTable/Columns/ColumnExtraInfo/DefaultValue';
 import Enum from '@/page/Workspace/components/CreateTable/Columns/ColumnExtraInfo/Enum';
 import Generation from '@/page/Workspace/components/CreateTable/Columns/ColumnExtraInfo/Generation';
 import Number from '@/page/Workspace/components/CreateTable/Columns/ColumnExtraInfo/Number';
+import { dataTypesIns } from '@/util/dataType';
+import { columnExtraComponent } from '../interface';
 
 const MySQLColumnExtra: columnExtraComponent = ({
   column,

src/common/datasource/oceanbase/OracleColumnExtra.tsx

@@ -14,10 +14,10 @@
  * limitations under the License.
  */
 
-import { dataTypesIns } from '@/util/dataType';
-import { columnExtraComponent } from '../interface';
 import DefaultValue from '@/page/Workspace/components/CreateTable/Columns/ColumnExtraInfo/DefaultValue';
 import Precision from '@/page/Workspace/components/CreateTable/Columns/ColumnExtraInfo/Precision';
+import { dataTypesIns } from '@/util/dataType';
+import { columnExtraComponent } from '../interface';
 
 const OracleColumnExtra: columnExtraComponent = ({
   column,

src/common/datasource/oceanbase/obmysql.ts

@@ -15,9 +15,9 @@
  */
 
 import { ConnectType, TaskType } from '@/d.ts';
+import { haveOCP } from '@/util/env';
 import { IDataSourceModeConfig } from '../interface';
 import MySQLColumnExtra from './MySQLColumnExtra';
-import { haveOCP } from '@/util/env';
 
 const tableConfig = {
   enableTableCharsetsAndCollations: true,

src/common/datasource/oceanbase/oboracle.ts

@@ -15,10 +15,10 @@
  */
 
 import { ConnectType, TaskType } from '@/d.ts';
-import { IDataSourceModeConfig } from '../interface';
-import OracleColumnExtra from './OracleColumnExtra';
 import { TableForeignConstraintOnDeleteType } from '@/d.ts/table';
 import { haveOCP } from '@/util/env';
+import { IDataSourceModeConfig } from '../interface';
+import OracleColumnExtra from './OracleColumnExtra';
 
 const oracleTableConfig = {
   constraintEnableConfigurable: true,

src/common/datasource/oracle/index.tsx

@@ -15,10 +15,10 @@
  */
 
 import { ConnectType, TaskType } from '@/d.ts';
-import { IDataSourceModeConfig } from '../interface';
-import OracleColumnExtra from '../oceanbase/OracleColumnExtra';
 import { TableForeignConstraintOnDeleteType } from '@/d.ts/table';
 import { haveOCP } from '@/util/env';
+import { IDataSourceModeConfig } from '../interface';
+import OracleColumnExtra from '../oceanbase/OracleColumnExtra';
 
 const oracleTableConfig = {
   constraintEnableConfigurable: true,

src/common/network/connection.ts

@@ -207,9 +207,7 @@ export async function testExsitConnection(
   return ret;
 }
 
-export async function batchTest(
-  cids: number[],
-): Promise<
+export async function batchTest(cids: number[]): Promise<
   Record<
     number,
     {
@@ -318,9 +316,7 @@ export async function newSessionByDataSource(
   return data;
 }
 
-export async function getSessionStatus(
-  sessionId?: string,
-): Promise<{
+export async function getSessionStatus(sessionId?: string): Promise<{
   settings: {
     autocommit: boolean;
     delimiter: string;
@@ -366,9 +362,7 @@ export async function getConnectionExists(params: { name: string }): Promise<boo
 /**
  * 获取集群 & 租户列表
  */
-export async function getClusterAndTenantList(
-  visibleScope: IConnectionType,
-): Promise<{
+export async function getClusterAndTenantList(visibleScope: IConnectionType): Promise<{
   tenantName: Record<string, string[]>;
   clusterName: Record<string, string[]>;
 }> {

src/common/network/database.ts

@@ -21,8 +21,6 @@ import notification from '@/util/notification';
 import request from '@/util/request';
 import { getDropSQL } from '@/util/sql';
 import { executeSQL } from './sql';
-import { syncDatasource } from './connection';
-import login from '@/store/login';
 
 export async function listDatabases(
   projectId?: number,
@@ -36,7 +34,7 @@ export async function listDatabases(
    */
   containsUnassigned?: boolean,
   existed?: boolean,
-  includesPermittedAction?: boolean
+  includesPermittedAction?: boolean,
 ): Promise<IResponseData<IDatabase>> {
   const res = await request.get(`/api/v2/database/databases`, {
     params: {
@@ -48,7 +46,7 @@ export async function listDatabases(
       environmentId,
       containsUnassigned,
       existed,
-      includesPermittedAction
+      includesPermittedAction,
     },
   });
 

src/common/network/exportAndImport.ts

@@ -35,11 +35,9 @@ export async function getExportObjects(
   databaseId: number,
   type?: DbObjectType,
   cid?: number,
-): Promise<
-  {
-    [key in DbObjectType]: string[];
-  }
-> {
+): Promise<{
+  [key in DbObjectType]: string[];
+}> {
   const result = await request.get(`/api/v2/dataTransfer/getExportObjects`, {
     params: {
       connectionId: cid,

src/common/network/project.ts

@@ -15,8 +15,8 @@
  */
 
 import { IResponseData, IUserSummary } from '@/d.ts';
-import { IProject, ProjectRole, PermissionSourceType, IDatabasePermission } from '@/d.ts/project';
 import { DatabasePermissionType } from '@/d.ts/database';
+import { IDatabasePermission, IProject, PermissionSourceType, ProjectRole } from '@/d.ts/project';
 import request from '@/util/request';
 
 export async function listProjects(

src/common/network/projectNotification.ts

@@ -16,13 +16,13 @@
 
 import { IResponseData } from '@/d.ts';
 import {
+  EChannelType,
+  EMessageStatus,
   IChannel,
-  ITestChannelResult,
-  IPolicy,
   IMessage,
+  IPolicy,
+  ITestChannelResult,
   TBatchUpdatePolicy,
-  EMessageStatus,
-  EChannelType,
 } from '@/d.ts/projectNotification';
 import request from '@/util/request';
 

src/common/network/sql/executePL.tsx

@@ -16,8 +16,8 @@
 
 import { PLType } from '@/constant/plType';
 import { IFunction, IProcedure } from '@/d.ts';
-import { generateSessionSid } from '../pathUtil';
 import request from '@/util/request';
+import { generateSessionSid } from '../pathUtil';
 
 type params =
   | {

src/common/network/table/index.ts

@@ -15,7 +15,7 @@
  */
 
 import { INlsObject, ITable, ITableColumn, LobExt, RSModifyDataType } from '@/d.ts';
-import { ITableModel, TableColumn } from '@/page/Workspace/components/CreateTable/interface';
+import { ITableModel } from '@/page/Workspace/components/CreateTable/interface';
 import sessionManager from '@/store/sessionManager';
 import setting from '@/store/setting';
 import { getNlsValueKey } from '@/util/column';

src/common/network/task.ts

@@ -17,16 +17,18 @@
 import { IShadowSyncAnalysisResult } from '@/component/Task/ShadowSyncTask/CreateModal/interface';
 import {
   CommonTaskLogType,
+  CreateStructureComparisonTaskRecord,
   CreateTaskRecord,
-  IPartitionTablePreviewConfig,
   CycleTaskDetail,
   IAsyncTaskResultSet,
   ICycleSubTaskRecord,
   ICycleTaskRecord,
+  IDatasourceUser,
   IFunction,
   IPartitionPlan,
-  IPartitionPlanTable,
   IPartitionPlanKeyType,
+  IPartitionPlanTable,
+  IPartitionTablePreviewConfig,
   IResponseData,
   ISubTaskRecords,
   ITaskResult,
@@ -36,15 +38,13 @@ import {
   TaskRecordParameters,
   TaskStatus,
   TaskType,
-  IDatasourceUser,
-  CreateStructureComparisonTaskRecord,
 } from '@/d.ts';
+import { IProject } from '@/d.ts/project';
+import { EOperationType, IComparisonResultData, IStructrueComparisonDetail } from '@/d.ts/task';
 import setting from '@/store/setting';
 import request from '@/util/request';
 import { downloadFile } from '@/util/utils';
-import { IProject } from '@/d.ts/project';
 import { generateFunctionSid } from './pathUtil';
-import { EOperationType, IComparisonResultData, IStructrueComparisonDetail } from '@/d.ts/task';
 
 /**
  * 根据函数获取ddl sql

src/component/Action/Group.tsx

@@ -15,7 +15,7 @@
  */
 
 import { EllipsisOutlined, LoadingOutlined, MoreOutlined } from '@ant-design/icons';
-import { Button, Dropdown, Menu, Space, Tooltip, Typography } from 'antd';
+import { Button, Dropdown, Space, Tooltip, Typography } from 'antd';
 import { isBoolean, max, omit } from 'lodash';
 import React from 'react';
 import type { BaseProps } from './Item';

src/component/AddDataSourceDropdown/index.tsx

@@ -14,10 +14,10 @@
  * limitations under the License.
  */
 
-import { formatMessage } from '@/util/intl';
 import { getAllConnectTypes } from '@/common/datasource';
 import { ConnectTypeText } from '@/constant/label';
 import { IDataSourceType } from '@/d.ts/datasource';
+import { formatMessage } from '@/util/intl';
 import { Dropdown } from 'antd';
 import { ItemType } from 'antd/lib/menu/hooks/useItems';
 import { useMemo } from 'react';

src/component/BatchImportButton/modal.tsx

@@ -19,12 +19,12 @@ import login from '@/store/login';
 import { formatMessage, getLocalTemplate } from '@/util/intl';
 import { downloadFile } from '@/util/utils';
 import { InfoCircleFilled } from '@ant-design/icons';
+import { getLocale } from '@umijs/max';
 import { Alert, Button, Drawer, Form, Space } from 'antd';
 import { useForm } from 'antd/es/form/Form';
 import type { UploadFile } from 'antd/lib/upload/interface';
 import Cookies from 'js-cookie';
 import React, { useEffect, useState } from 'react';
-import { getLocale } from '@umijs/max';
 import styles from './index.less';
 // 20M
 const MAX_FILE_SIZE = 1024 * 1024 * 20;

src/component/BigSelect/index.tsx

@@ -34,15 +34,8 @@ interface IBigSelectProps {
   bottom?: React.ReactNode;
 }
 const BigSelect: React.FC<IBigSelectProps> = (props) => {
-  const {
-    defaultValue,
-    options,
-    bottom,
-    icon,
-    iconColor,
-    onChange,
-    onDropdownVisibleChange,
-  } = props;
+  const { defaultValue, options, bottom, icon, iconColor, onChange, onDropdownVisibleChange } =
+    props;
   return (
     <Space size={12} className={styles['select-wrapper']}>
       <div className={styles.logo}>

src/component/Button/Reload/index.tsx

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 
-import { ReloadOutlined, LoadingOutlined } from '@ant-design/icons';
+import { LoadingOutlined, ReloadOutlined } from '@ant-design/icons';
 import { useState } from 'react';
 
 export default function Reload({

src/component/Crontab/index.less

@@ -6,13 +6,13 @@
     padding-bottom: 8px;
   }
   .content {
-    width: 100%;
     display: grid;
     grid-gap: 8px;
+    width: 100%;
     &.default-mode {
+      grid-template-columns: 120px 210px 1fr;
       padding: 8px;
       background: var(--background-tertraiy-color);
-      grid-template-columns: 120px 210px 1fr;
       &.daily {
         grid-template-columns: 120px 1fr;
       }

src/component/DDLResultSetFilter/index.tsx

@@ -18,9 +18,9 @@ import { FilterOutlined } from '@ant-design/icons';
 import { Button, Checkbox, Input, Popover } from 'antd';
 import { Component } from 'react';
 // @ts-ignore
+import { formatMessage } from '@/util/intl';
 import { CheckboxValueType } from 'antd/lib/checkbox/Group';
 import styles from './index.less';
-import { formatMessage } from '@/util/intl';
 
 export default class DDLResultSetFilter extends Component<
   {