diff --git a/.lintstagedrc.js b/.lintstagedrc.js
deleted file mode 100644
index 24cb82d7c..000000000
--- a/.lintstagedrc.js
+++ /dev/null
@@ -1,9 +0,0 @@
-// .lintstagedrc.js
-module.exports = {
-  '*.{js,jsx,ts,tsx}': ['prettier --cache --ignore-unknown  --write', 'eslint --cache --fix'],
-  '{!(package)*.json,*.code-snippets,.!(browserslist)*rc}': ['prettier --cache --write--parser json'],
-  'package.json': ['prettier --cache --write'],
-  '*.vue': ['prettier --write', 'eslint --cache --fix', 'stylelint --fix'],
-  '*.{scss,less,styl,html}': ['prettier --cache --ignore-unknown --write', 'stylelint --fix'],
-  '*.md': ['prettier --cache --ignore-unknown --write'],
-};
diff --git a/commitlint.config.js b/commitlint.config.js
deleted file mode 100644
index c7271bac8..000000000
--- a/commitlint.config.js
+++ /dev/null
@@ -1,91 +0,0 @@
-const fs = require('fs');
-const path = require('path');
-const { execSync } = require('child_process');
-
-const scopes = fs
-  .readdirSync(path.resolve(__dirname, 'src'), { withFileTypes: true })
-  .filter((dirent) => dirent.isDirectory())
-  .map((dirent) => dirent.name.replace(/s$/, ''));
-
-// precomputed scope
-const scopeComplete = execSync('git status --porcelain || true')
-  .toString()
-  .trim()
-  .split('\n')
-  .find((r) => ~r.indexOf('M  src'))
-  ?.replace(/(\/)/g, '%%')
-  ?.match(/src%%((\w|-)*)/)?.[1]
-  ?.replace(/s$/, '');
-
-/** @type {import('cz-git').UserConfig} */
-module.exports = {
-  ignores: [(commit) => commit.includes('init')],
-  extends: ['@commitlint/config-conventional'],
-  rules: {
-    'body-leading-blank': [2, 'always'],
-    'footer-leading-blank': [1, 'always'],
-    'header-max-length': [2, 'always', 108],
-    'subject-empty': [2, 'never'],
-    'type-empty': [2, 'never'],
-    'subject-case': [0],
-    'type-enum': [
-      2,
-      'always',
-      ['feat', 'fix', 'perf', 'style', 'docs', 'test', 'refactor', 'build', 'ci', 'chore', 'revert', 'wip', 'workflow', 'types', 'release'],
-    ],
-  },
-  prompt: {
-    /** @use `yarn commit :f` */
-    alias: {
-      f: 'docs: fix typos',
-      r: 'docs: update README',
-      s: 'style: update code format',
-      b: 'build: bump dependencies',
-      c: 'chore: update config',
-    },
-    customScopesAlign: !scopeComplete ? 'top' : 'bottom',
-    defaultScope: scopeComplete,
-    scopes: [...scopes, 'mock'],
-    allowEmptyIssuePrefixs: false,
-    allowCustomIssuePrefixs: false,
-
-    // English
-    typesAppend: [
-      { value: 'wip', name: 'wip:      work in process' },
-      { value: 'workflow', name: 'workflow: workflow improvements' },
-      { value: 'types', name: 'types:    type definition file changes' },
-    ],
-
-    // 中英文对照版
-    // messages: {
-    //   type: '选择你要提交的类型 :',
-    //   scope: '选择一个提交范围 (可选):',
-    //   customScope: '请输入自定义的提交范围 :',
-    //   subject: '填写简短精炼的变更描述 :\n',
-    //   body: '填写更加详细的变更描述 (可选)。使用 "|" 换行 :\n',
-    //   breaking: '列举非兼容性重大的变更 (可选)。使用 "|" 换行 :\n',
-    //   footerPrefixsSelect: '选择关联issue前缀 (可选):',
-    //   customFooterPrefixs: '输入自定义issue前缀 :',
-    //   footer: '列举关联issue (可选) 例如: #31, #I3244 :\n',
-    //   confirmCommit: '是否提交或修改commit ?',
-    // },
-    // types: [
-    //   { value: 'feat', name: 'feat:     新增功能' },
-    //   { value: 'fix', name: 'fix:      修复缺陷' },
-    //   { value: 'docs', name: 'docs:     文档变更' },
-    //   { value: 'style', name: 'style:    代码格式' },
-    //   { value: 'refactor', name: 'refactor: 代码重构' },
-    //   { value: 'perf', name: 'perf:     性能优化' },
-    //   { value: 'test', name: 'test:     添加疏漏测试或已有测试改动' },
-    //   { value: 'build', name: 'build:    构建流程、外部依赖变更 (如升级 npm 包、修改打包配置等)' },
-    //   { value: 'ci', name: 'ci:       修改 CI 配置、脚本' },
-    //   { value: 'revert', name: 'revert:   回滚 commit' },
-    //   { value: 'chore', name: 'chore:    对构建过程或辅助工具和库的更改 (不影响源文件、测试用例)' },
-    //   { value: 'wip', name: 'wip:      正在开发中' },
-    //   { value: 'workflow', name: 'workflow: 工作流程改进' },
-    //   { value: 'types', name: 'types:    类型定义文件修改' },
-    // ],
-    // emptyScopesAlias: 'empty:      不填写',
-    // customScopesAlias: 'custom:     自定义',
-  },
-};
diff --git a/prettier.config.js b/prettier.config.js
deleted file mode 100644
index 1930cd3fb..000000000
--- a/prettier.config.js
+++ /dev/null
@@ -1,27 +0,0 @@
-module.exports = {
-  printWidth: 140,
-  // tab宽度为2空格
-  tabWidth: 2,
-  semi: true,
-  vueIndentScriptAndStyle: false,
-  singleQuote: true,
-  trailingComma: 'all',
-  proseWrap: 'never',
-  htmlWhitespaceSensitivity: 'strict',
-  endOfLine: 'auto',
-  plugins: ['prettier-plugin-packagejson'],
-  overrides: [
-    {
-      files: '.*rc',
-      options: {
-        parser: 'json',
-      },
-    },
-    {
-      files: '*.html',
-      options: {
-        parser: 'html',
-      },
-    },
-  ],
-};
diff --git a/src/App.vue b/src/App.vue
index b25182c68..b2002ddb1 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,14 +7,15 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from 'vue';
+import 'dayjs/locale/zh-cn';
+
 import { ConfigProvider } from 'ant-design-vue';
+import { computed } from 'vue';
+
 import { AppProvider } from '@/components/Application';
 import { useTitle } from '@/hooks/web/useTitle';
 import { useLocale } from '@/locales/useLocale';
 import { useAppStore } from '@/store/modules/app';
-
-import 'dayjs/locale/zh-cn';
 // support Multi-language
 const { getAntdLocale } = useLocale();
 
diff --git a/src/api/base/login.ts b/src/api/base/login.ts
index 1e913b7cb..08f981b16 100644
--- a/src/api/base/login.ts
+++ b/src/api/base/login.ts
@@ -1,6 +1,7 @@
-import { defHttp } from '@/utils/http/axios';
-import { TentantNameVO } from './model/loginModel';
 import { getRefreshToken } from '@/utils/auth';
+import { defHttp } from '@/utils/http/axios';
+
+import { TentantNameVO } from './model/loginModel';
 
 enum Api {
   Login = '/system/auth/login',
diff --git a/src/api/base/menu.ts b/src/api/base/menu.ts
index ff251b621..f829c7d71 100644
--- a/src/api/base/menu.ts
+++ b/src/api/base/menu.ts
@@ -1,4 +1,5 @@
 import { defHttp } from '@/utils/http/axios';
+
 import { getMenuListResultModel } from './model/menuModel';
 
 enum Api {
diff --git a/src/api/base/model/loginModel.ts b/src/api/base/model/loginModel.ts
index 6d4519624..fc5f9e31e 100644
--- a/src/api/base/model/loginModel.ts
+++ b/src/api/base/model/loginModel.ts
@@ -1,9 +1,9 @@
-export type UserLoginVO = {
+export interface UserLoginVO {
   username: string;
   password: string;
   captchaVerification: string;
-};
+}
 
-export type TentantNameVO = {
+export interface TentantNameVO {
   id: number;
-};
+}
diff --git a/src/api/base/model/menuModel.ts b/src/api/base/model/menuModel.ts
index 8d19eeaba..c2064a1d4 100644
--- a/src/api/base/model/menuModel.ts
+++ b/src/api/base/model/menuModel.ts
@@ -1,4 +1,5 @@
 import type { RouteMeta } from 'vue-router';
+
 export interface RouteItem {
   path: string;
   component: any;
diff --git a/src/api/base/profile.ts b/src/api/base/profile.ts
index d57ddabea..a98d68007 100644
--- a/src/api/base/profile.ts
+++ b/src/api/base/profile.ts
@@ -79,8 +79,8 @@ export function updateUserPwdApi(oldPassword: string, newPassword: string) {
   return defHttp.put({
     url: Api.updateUserPwdApi,
     data: {
-      oldPassword: oldPassword,
-      newPassword: newPassword,
+      oldPassword,
+      newPassword,
     },
   });
 }
@@ -91,7 +91,6 @@ export function uploadAvatarApi(data) {
     url: Api.uploadAvatarApi,
     headers: {
       'Content-type': ContentTypeEnum.FORM_DATA,
-      // @ts-ignore
       ignoreCancelToken: true,
     },
     data,
diff --git a/src/api/base/upload.ts b/src/api/base/upload.ts
index 0ba76399e..c43261b4a 100644
--- a/src/api/base/upload.ts
+++ b/src/api/base/upload.ts
@@ -1,9 +1,11 @@
-import { UploadApiResult } from './model/uploadModel';
-import { defHttp } from '@/utils/http/axios';
-import { UploadFileParams } from '@/types/axios';
-import { useGlobSetting } from '@/hooks/setting';
 import { AxiosProgressEvent } from 'axios';
 
+import { useGlobSetting } from '@/hooks/setting';
+import { defHttp } from '@/utils/http/axios';
+import { UploadFileParams } from '#/axios';
+
+import { UploadApiResult } from './model/uploadModel';
+
 const { uploadUrl = '' } = useGlobSetting();
 
 /**
diff --git a/src/api/base/user.ts b/src/api/base/user.ts
index a4347f3ae..aaab4334f 100644
--- a/src/api/base/user.ts
+++ b/src/api/base/user.ts
@@ -1,7 +1,7 @@
 import { defHttp } from '@/utils/http/axios';
-import { LoginParams, LoginResultModel, GetUserInfoModel } from './model/userModel';
+import { ErrorMessageMode } from '#/axios';
 
-import { ErrorMessageMode } from '@/types/axios';
+import { GetUserInfoModel, LoginParams, LoginResultModel } from './model/userModel';
 
 enum Api {
   Login = '/system/auth/login',
diff --git a/src/api/bpm/form/index.ts b/src/api/bpm/form/index.ts
index 59d7fcbdc..e3898ebf3 100644
--- a/src/api/bpm/form/index.ts
+++ b/src/api/bpm/form/index.ts
@@ -1,6 +1,6 @@
 import { defHttp } from '@/utils/http/axios';
 
-export type FormVO = {
+export interface FormVO {
   id: number;
   name: string;
   conf: string;
@@ -8,7 +8,7 @@ export type FormVO = {
   status: number;
   remark: string;
   createTime: string;
-};
+}
 
 // 创建工作流的表单定义
 export function createForm(data: FormVO) {
diff --git a/src/api/bpm/leave/index.ts b/src/api/bpm/leave/index.ts
index faf7a3ceb..bb22b14e7 100644
--- a/src/api/bpm/leave/index.ts
+++ b/src/api/bpm/leave/index.ts
@@ -1,6 +1,6 @@
 import { defHttp } from '@/utils/http/axios';
 
-export type LeaveVO = {
+export interface LeaveVO {
   id: number;
   result: number;
   type: number;
@@ -9,7 +9,7 @@ export type LeaveVO = {
   startTime: string;
   endTime: string;
   createTime: string;
-};
+}
 
 // 创建请假申请
 export function createLeave(data: LeaveVO) {
diff --git a/src/api/bpm/model/index.ts b/src/api/bpm/model/index.ts
index 197bf99e0..8b7e23cd4 100644
--- a/src/api/bpm/model/index.ts
+++ b/src/api/bpm/model/index.ts
@@ -1,13 +1,13 @@
 import { defHttp } from '@/utils/http/axios';
 
-export type ProcessDefinitionVO = {
+export interface ProcessDefinitionVO {
   id: string;
   version: number;
   deploymentTIme: string;
   suspensionState: number;
-};
+}
 
-export type ModelVO = {
+export interface ModelVO {
   id: number;
   formName: string;
   key: string;
@@ -22,7 +22,7 @@ export type ModelVO = {
   status: number;
   remark: string;
   createTime: string;
-};
+}
 
 export function getModelPage(params) {
   return defHttp.get({ url: '/bpm/model/page', params });
@@ -39,8 +39,8 @@ export function updateModel(data: ModelVO) {
 // 任务状态修改
 export function updateModelState(id: number, state: number) {
   const data = {
-    id: id,
-    state: state,
+    id,
+    state,
   };
   return defHttp.put({ url: '/bpm/model/update-state', data });
 }
diff --git a/src/api/bpm/processInstance/index.ts b/src/api/bpm/processInstance/index.ts
index ae0aa6b9f..7ecacb469 100644
--- a/src/api/bpm/processInstance/index.ts
+++ b/src/api/bpm/processInstance/index.ts
@@ -1,10 +1,10 @@
 import { defHttp } from '@/utils/http/axios';
 
-export type task = {
+export interface task {
   id: string;
   name: string;
-};
-export type ProcessInstanceVO = {
+}
+export interface ProcessInstanceVO {
   id: number;
   name: string;
   processDefinitionId: string;
@@ -17,7 +17,7 @@ export type ProcessInstanceVO = {
   businessKey: string;
   createTime: string;
   endTime: string;
-};
+}
 
 export function getMyProcessInstancePage(params) {
   return defHttp.get({ url: '/bpm/process-instance/my-page', params });
@@ -29,8 +29,8 @@ export function createProcessInstance(data: ProcessInstanceVO) {
 
 export function cancelProcessInstance(id: number, reason: string) {
   const data = {
-    id: id,
-    reason: reason,
+    id,
+    reason,
   };
   return defHttp.delete({ url: '/bpm/process-instance/cancel', data });
 }
diff --git a/src/api/bpm/task/types.ts b/src/api/bpm/task/types.ts
index e05daa41f..56a886a9a 100644
--- a/src/api/bpm/task/types.ts
+++ b/src/api/bpm/task/types.ts
@@ -1,4 +1,4 @@
-export type FormVO = {
+export interface FormVO {
   id: number;
   name: string;
   conf: string;
@@ -6,26 +6,26 @@ export type FormVO = {
   status: number;
   remark: string;
   createTime: string;
-};
+}
 
-export type TaskProcessVO = {
+export interface TaskProcessVO {
   id: string;
   name: string;
   startUserId: number;
   startUserNickname: string;
   processDefinitionId: string;
-};
+}
 
-export type TaskTodoVO = {
+export interface TaskTodoVO {
   id: string;
   name: string;
   claimTime: string;
   createTime: string;
   suspensionState: number;
   processInstance: TaskProcessVO;
-};
+}
 
-export type TaskDoneVO = {
+export interface TaskDoneVO {
   id: string;
   name: string;
   claimTime: string;
@@ -36,4 +36,4 @@ export type TaskDoneVO = {
   result: number;
   reason: string;
   processInstance: TaskProcessVO;
-};
+}
diff --git a/src/api/bpm/taskAssignRule/index.ts b/src/api/bpm/taskAssignRule/index.ts
index b0f83eec3..11f74e15e 100644
--- a/src/api/bpm/taskAssignRule/index.ts
+++ b/src/api/bpm/taskAssignRule/index.ts
@@ -1,6 +1,6 @@
 import { defHttp } from '@/utils/http/axios';
 
-export type TaskAssignVO = {
+export interface TaskAssignVO {
   id: number;
   modelId: string;
   processDefinitionId: string;
@@ -8,7 +8,7 @@ export type TaskAssignVO = {
   taskDefinitionName: string;
   options: string[];
   type: number;
-};
+}
 
 export function getTaskAssignRuleList(params) {
   return defHttp.get({ url: '/bpm/task-assign-rule/list', params });
diff --git a/src/api/bpm/userGroup/index.ts b/src/api/bpm/userGroup/index.ts
index 5717ea468..cf384517b 100644
--- a/src/api/bpm/userGroup/index.ts
+++ b/src/api/bpm/userGroup/index.ts
@@ -1,6 +1,6 @@
 import { defHttp } from '@/utils/http/axios';
 
-export type UserGroupVO = {
+export interface UserGroupVO {
   id: number;
   name: string;
   description: string;
@@ -8,7 +8,7 @@ export type UserGroupVO = {
   status: number;
   remark: string;
   createTime: string;
-};
+}
 
 // 创建用户组
 export function createUserGroup(data: UserGroupVO) {
diff --git a/src/api/infra/codegen/index.ts b/src/api/infra/codegen/index.ts
index de3dc4f1b..8903de51b 100644
--- a/src/api/infra/codegen/index.ts
+++ b/src/api/infra/codegen/index.ts
@@ -1,5 +1,6 @@
 import { defHttp } from '@/utils/http/axios';
-import type { CodegenUpdateReqVO, CodegenCreateListReqVO } from './types';
+
+import type { CodegenCreateListReqVO, CodegenUpdateReqVO } from './types';
 
 // 查询列表代码生成表定义
 export function getCodegenTablePage(params) {
diff --git a/src/api/infra/codegen/types.ts b/src/api/infra/codegen/types.ts
index b8681e909..e381c9426 100644
--- a/src/api/infra/codegen/types.ts
+++ b/src/api/infra/codegen/types.ts
@@ -1,4 +1,4 @@
-export type CodegenTableVO = {
+export interface CodegenTableVO {
   id: number;
   tableId: number;
   isParentMenuIdValid: boolean;
@@ -16,9 +16,9 @@ export type CodegenTableVO = {
   updateTime: Date;
   templateType: number;
   parentMenuId: number;
-};
+}
 
-export type CodegenColumnVO = {
+export interface CodegenColumnVO {
   id: number;
   tableId: number;
   columnName: string;
@@ -38,24 +38,24 @@ export type CodegenColumnVO = {
   listOperationCondition: string;
   listOperationResult: number;
   htmlType: string;
-};
-export type DatabaseTableVO = {
+}
+export interface DatabaseTableVO {
   name: string;
   comment: string;
-};
-export type CodegenDetailVO = {
+}
+export interface CodegenDetailVO {
   table: CodegenTableVO;
   columns: CodegenColumnVO[];
-};
-export type CodegenPreviewVO = {
+}
+export interface CodegenPreviewVO {
   filePath: string;
   code: string;
-};
-export type CodegenUpdateReqVO = {
+}
+export interface CodegenUpdateReqVO {
   table: CodegenTableVO;
   columns: CodegenColumnVO[];
-};
-export type CodegenCreateListReqVO = {
+}
+export interface CodegenCreateListReqVO {
   dataSourceConfigId: number;
   tableNames: string[];
-};
+}
diff --git a/src/api/system/dict/data.ts b/src/api/system/dict/data.ts
index 5f731733b..fef892033 100644
--- a/src/api/system/dict/data.ts
+++ b/src/api/system/dict/data.ts
@@ -1,5 +1,6 @@
 import { defHttp } from '@/utils/http/axios';
-import type { DictDataVO, DictDataPageReqVO, DictDataExportReqVO } from './types';
+
+import type { DictDataExportReqVO, DictDataPageReqVO, DictDataVO } from './types';
 
 // 查询字典数据（精简)列表
 export function listSimpleDictData() {
diff --git a/src/api/system/dict/type.ts b/src/api/system/dict/type.ts
index bbc429ce7..3a9431247 100644
--- a/src/api/system/dict/type.ts
+++ b/src/api/system/dict/type.ts
@@ -1,5 +1,6 @@
 import { defHttp } from '@/utils/http/axios';
-import type { DictTypeVO, DictTypePageReqVO, DictTypeExportReqVO } from './types';
+
+import type { DictTypeExportReqVO, DictTypePageReqVO, DictTypeVO } from './types';
 
 // 查询字典（精简)列表
 export function listSimpleDictType() {
diff --git a/src/api/system/notify/message.ts b/src/api/system/notify/message.ts
index 020255f73..2388815c4 100644
--- a/src/api/system/notify/message.ts
+++ b/src/api/system/notify/message.ts
@@ -1,6 +1,7 @@
-import { defHttp } from '@/utils/http/axios';
 import qs from 'qs';
 
+import { defHttp } from '@/utils/http/axios';
+
 // 获得站内信分页
 export function getNotifyMessagePage(params) {
   return defHttp.get({ url: '/system/notify-message/page', params });
diff --git a/src/api/system/operatelog/index.ts b/src/api/system/operatelog/index.ts
index 365bdc986..e4231d251 100644
--- a/src/api/system/operatelog/index.ts
+++ b/src/api/system/operatelog/index.ts
@@ -9,7 +9,7 @@ export interface OperateLogVO {
   name: string;
   type: number;
   content: string;
-  exts: Map<String, Object>;
+  exts: Map<string, Object>;
   defHttpMethod: string;
   defHttpUrl: string;
   userIp: string;
diff --git a/src/api/system/sms/smsTemplate/index.ts b/src/api/system/sms/smsTemplate/index.ts
index 6a3c9a6be..d593286e7 100644
--- a/src/api/system/sms/smsTemplate/index.ts
+++ b/src/api/system/sms/smsTemplate/index.ts
@@ -18,7 +18,7 @@ export interface SmsTemplateVO {
 export interface SendSmsReqVO {
   mobile: string;
   templateCode: string;
-  templateParams: Map<String, Object>;
+  templateParams: Map<string, Object>;
 }
 
 export interface SmsTemplatePageReqVO {
diff --git a/src/components/Application/index.ts b/src/components/Application/index.ts
index 703bfe49f..8f9e8c4c7 100644
--- a/src/components/Application/index.ts
+++ b/src/components/Application/index.ts
@@ -1,11 +1,11 @@
 import { withInstall } from '@/utils';
 
+import appDarkModeToggle from './src/AppDarkModeToggle.vue';
+import appLocalePicker from './src/AppLocalePicker.vue';
 import appLogo from './src/AppLogo.vue';
 import appProvider from './src/AppProvider.vue';
-import appSearch from './src/search/AppSearch.vue';
 import appSizePicker from './src/AppSizePicker.vue';
-import appLocalePicker from './src/AppLocalePicker.vue';
-import appDarkModeToggle from './src/AppDarkModeToggle.vue';
+import appSearch from './src/search/AppSearch.vue';
 
 export { useAppProviderContext } from './src/useAppContext';
 
diff --git a/src/components/Application/src/AppDarkModeToggle.vue b/src/components/Application/src/AppDarkModeToggle.vue
index e79a6ae5b..fe678b493 100644
--- a/src/components/Application/src/AppDarkModeToggle.vue
+++ b/src/components/Application/src/AppDarkModeToggle.vue
@@ -7,12 +7,13 @@
 </template>
 <script lang="ts" setup>
 import { computed, unref } from 'vue';
+
 import { SvgIcon } from '@/components/Icon';
-import { useDesign } from '@/hooks/web/useDesign';
-import { useRootSetting } from '@/hooks/setting/useRootSetting';
-import { updateHeaderBgColor, updateSidebarBgColor } from '@/logics/theme/updateBackground';
-import { updateDarkTheme } from '@/logics/theme/dark';
 import { ThemeEnum } from '@/enums/appEnum';
+import { useRootSetting } from '@/hooks/setting/useRootSetting';
+import { useDesign } from '@/hooks/web/useDesign';
+import { updateDarkTheme } from '@/logics/theme/dark';
+import { updateHeaderBgColor, updateSidebarBgColor } from '@/logics/theme/updateBackground';
 
 const { prefixCls } = useDesign('dark-switch');
 const { getDarkMode, setDarkMode, getShowDarkModeToggle } = useRootSetting();
diff --git a/src/components/Application/src/AppLocalePicker.vue b/src/components/Application/src/AppLocalePicker.vue
index 1bbee1593..05d2fdada 100644
--- a/src/components/Application/src/AppLocalePicker.vue
+++ b/src/components/Application/src/AppLocalePicker.vue
@@ -4,8 +4,8 @@
     :trigger="['click']"
     :dropMenuList="localeList"
     :selectedKeys="selectedKeys"
-    @menu-event="handleMenuEvent"
     overlayClassName="app-locale-picker-overlay"
+    @menu-event="handleMenuEvent"
   >
     <span class="cursor-pointer flex items-center">
       <Icon icon="ion:language" />
@@ -14,13 +14,14 @@
   </Dropdown>
 </template>
 <script lang="ts" setup>
-import type { LocaleType } from '@/types/config';
+import { computed, ref, unref, watchEffect } from 'vue';
+
 import type { DropMenu } from '@/components/Dropdown';
-import { ref, watchEffect, unref, computed } from 'vue';
 import { Dropdown } from '@/components/Dropdown';
 import { Icon } from '@/components/Icon';
 import { useLocale } from '@/locales/useLocale';
 import { localeList } from '@/settings/localeSetting';
+import type { LocaleType } from '#/config';
 
 const props = defineProps({
   /**
diff --git a/src/components/Application/src/AppLogo.vue b/src/components/Application/src/AppLogo.vue
index c11bbc37f..0fb92743e 100644
--- a/src/components/Application/src/AppLogo.vue
+++ b/src/components/Application/src/AppLogo.vue
@@ -1,18 +1,19 @@
 <template>
   <div class="anticon" :class="getAppLogoClass" @click="goHome">
     <img src="@/assets/images/logo.png" />
-    <div class="ml-2 truncate md:opacity-100" :class="getTitleClass" v-show="showTitle">
+    <div v-show="showTitle" class="ml-2 truncate md:opacity-100" :class="getTitleClass">
       {{ title }}
     </div>
   </div>
 </template>
 <script lang="ts" setup>
 import { computed, unref } from 'vue';
+
+import { PageEnum } from '@/enums/pageEnum';
 import { useGlobSetting } from '@/hooks/setting';
-import { useGo } from '@/hooks/web/usePage';
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 import { useDesign } from '@/hooks/web/useDesign';
-import { PageEnum } from '@/enums/pageEnum';
+import { useGo } from '@/hooks/web/usePage';
 
 const props = defineProps({
   // 当前父组件的主题
diff --git a/src/components/Application/src/AppProvider.vue b/src/components/Application/src/AppProvider.vue
index 4c480e4d4..7202f1406 100644
--- a/src/components/Application/src/AppProvider.vue
+++ b/src/components/Application/src/AppProvider.vue
@@ -1,10 +1,12 @@
 <script lang="ts">
-import { defineComponent, toRefs, ref, unref } from 'vue';
-import { createAppProviderContext } from './useAppContext';
+import { defineComponent, ref, toRefs, unref } from 'vue';
+
+import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum';
 import { createBreakpointListen } from '@/hooks/event/useBreakpoint';
 import { prefixCls } from '@/settings/designSetting';
 import { useAppStore } from '@/store/modules/app';
-import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum';
+
+import { createAppProviderContext } from './useAppContext';
 
 const props = {
   /**
diff --git a/src/components/Application/src/AppSizePicker.vue b/src/components/Application/src/AppSizePicker.vue
index 0e29f9fff..c16b4fc48 100644
--- a/src/components/Application/src/AppSizePicker.vue
+++ b/src/components/Application/src/AppSizePicker.vue
@@ -4,8 +4,8 @@
     :trigger="['click']"
     :dropMenuList="sizeList"
     :selectedKeys="selectedKeys"
-    @menu-event="handleMenuEvent"
     overlayClassName="app-locale-picker-overlay"
+    @menu-event="handleMenuEvent"
   >
     <span class="cursor-pointer flex items-center">
       <Icon icon="mdi:format-size" />
@@ -14,13 +14,14 @@
   </Dropdown>
 </template>
 <script lang="ts" setup>
-import type { AppSizeType } from '@/types/config';
+import { computed, ref, unref, watchEffect } from 'vue';
+
 import type { DropMenu } from '@/components/Dropdown';
-import { ref, watchEffect, unref, computed } from 'vue';
 import { Dropdown } from '@/components/Dropdown';
 import { Icon } from '@/components/Icon';
 import { sizeList } from '@/settings/sizeSetting';
 import { useAppStore } from '@/store/modules/app';
+import type { AppSizeType } from '#/config';
 
 const appStore = useAppStore();
 
diff --git a/src/components/Application/src/search/AppSearch.vue b/src/components/Application/src/search/AppSearch.vue
index 9cd06ed52..1444f8e8c 100644
--- a/src/components/Application/src/search/AppSearch.vue
+++ b/src/components/Application/src/search/AppSearch.vue
@@ -1,10 +1,12 @@
 <script lang="tsx">
-import { defineComponent, ref, unref } from 'vue';
-import { Tooltip } from 'ant-design-vue';
 import { SearchOutlined } from '@ant-design/icons-vue';
-import AppSearchModal from './AppSearchModal.vue';
+import { Tooltip } from 'ant-design-vue';
+import { defineComponent, ref, unref } from 'vue';
+
 import { useI18n } from '@/hooks/web/useI18n';
 
+import AppSearchModal from './AppSearchModal.vue';
+
 export default defineComponent({
   name: 'AppSearch',
   setup() {
diff --git a/src/components/Application/src/search/AppSearchFooter.vue b/src/components/Application/src/search/AppSearchFooter.vue
index 3210c0033..28c968ba9 100644
--- a/src/components/Application/src/search/AppSearchFooter.vue
+++ b/src/components/Application/src/search/AppSearchFooter.vue
@@ -11,9 +11,11 @@
 </template>
 
 <script lang="ts" setup>
-import AppSearchKeyItem from './AppSearchKeyItem.vue';
 import { useDesign } from '@/hooks/web/useDesign';
 import { useI18n } from '@/hooks/web/useI18n';
+
+import AppSearchKeyItem from './AppSearchKeyItem.vue';
+
 const { prefixCls } = useDesign('app-search-footer');
 const { t } = useI18n();
 </script>
diff --git a/src/components/Application/src/search/AppSearchKeyItem.vue b/src/components/Application/src/search/AppSearchKeyItem.vue
index 5e1896124..b3a741b2e 100644
--- a/src/components/Application/src/search/AppSearchKeyItem.vue
+++ b/src/components/Application/src/search/AppSearchKeyItem.vue
@@ -5,6 +5,7 @@
 </template>
 <script lang="ts" setup>
 import { Icon } from '@/components/Icon';
+
 defineProps({
   icon: String,
 });
diff --git a/src/components/Application/src/search/AppSearchModal.vue b/src/components/Application/src/search/AppSearchModal.vue
index 7821898fa..c8a54fb4f 100644
--- a/src/components/Application/src/search/AppSearchModal.vue
+++ b/src/components/Application/src/search/AppSearchModal.vue
@@ -1,10 +1,10 @@
 <template>
   <Teleport to="body">
     <transition name="zoom-fade" mode="out-in">
-      <div :class="getClass" @click.stop v-if="visible">
-        <div :class="`${prefixCls}-content`" v-click-outside="handleClose">
+      <div v-if="visible" :class="getClass" @click.stop>
+        <div v-click-outside="handleClose" :class="`${prefixCls}-content`">
           <div :class="`${prefixCls}-input__wrapper`">
-            <a-input :class="`${prefixCls}-input`" :placeholder="t('common.searchText')" ref="inputRef" allow-clear @change="handleSearch">
+            <a-input ref="inputRef" :class="`${prefixCls}-input`" :placeholder="t('common.searchText')" allow-clear @change="handleSearch">
               <template #prefix>
                 <SearchOutlined />
               </template>
@@ -14,24 +14,24 @@
             </span>
           </div>
 
-          <div :class="`${prefixCls}-not-data`" v-show="getIsNotData">
+          <div v-show="getIsNotData" :class="`${prefixCls}-not-data`">
             {{ t('component.app.searchNotData') }}
           </div>
 
-          <ul :class="`${prefixCls}-list`" v-show="!getIsNotData" ref="scrollWrap">
+          <ul v-show="!getIsNotData" ref="scrollWrap" :class="`${prefixCls}-list`">
             <li
-              :ref="setRefs(index)"
               v-for="(item, index) in searchResult"
+              :ref="setRefs(index)"
               :key="item.path"
               :data-index="index"
-              @mouseenter="handleMouseenter"
-              @click="handleEnter"
               :class="[
                 `${prefixCls}-list__item`,
                 {
                   [`${prefixCls}-list__item--active`]: activeIndex === index,
                 },
               ]"
+              @mouseenter="handleMouseenter"
+              @click="handleEnter"
             >
               <div :class="`${prefixCls}-list__item-icon`">
                 <Icon :icon="item.icon || 'mdi:form-select'" :size="20" />
@@ -52,16 +52,18 @@
 </template>
 
 <script lang="ts" setup>
-import { computed, unref, ref, watch, nextTick } from 'vue';
 import { SearchOutlined } from '@ant-design/icons-vue';
-import AppSearchFooter from './AppSearchFooter.vue';
+import { computed, nextTick, ref, unref, watch } from 'vue';
+
 import { Icon } from '@/components/Icon';
 import vClickOutside from '@/directives/clickOutside';
-import { useDesign } from '@/hooks/web/useDesign';
 import { useRefs } from '@/hooks/core/useRefs';
-import { useMenuSearch } from './useMenuSearch';
-import { useI18n } from '@/hooks/web/useI18n';
 import { useAppInject } from '@/hooks/web/useAppInject';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useI18n } from '@/hooks/web/useI18n';
+
+import AppSearchFooter from './AppSearchFooter.vue';
+import { useMenuSearch } from './useMenuSearch';
 
 const props = defineProps({
   visible: { type: Boolean },
diff --git a/src/components/Application/src/search/useMenuSearch.ts b/src/components/Application/src/search/useMenuSearch.ts
index d3d1b425f..f6761f2ae 100644
--- a/src/components/Application/src/search/useMenuSearch.ts
+++ b/src/components/Application/src/search/useMenuSearch.ts
@@ -1,12 +1,13 @@
-import type { Menu } from '@/router/types';
-import { ref, onBeforeMount, unref, Ref, nextTick } from 'vue';
-import { getMenus } from '@/router/menus';
-import { cloneDeep } from 'lodash-es';
-import { filter, forEach } from '@/utils/helper/treeHelper';
-import { useGo } from '@/hooks/web/usePage';
-import { useScrollTo } from '@/hooks/event/useScrollTo';
 import { onKeyStroke, useDebounceFn } from '@vueuse/core';
+import { cloneDeep } from 'lodash-es';
+import { nextTick, onBeforeMount, Ref, ref, unref } from 'vue';
+
+import { useScrollTo } from '@/hooks/event/useScrollTo';
 import { useI18n } from '@/hooks/web/useI18n';
+import { useGo } from '@/hooks/web/usePage';
+import { getMenus } from '@/router/menus';
+import type { Menu } from '@/router/types';
+import { filter, forEach } from '@/utils/helper/treeHelper';
 
 export interface SearchResult {
   name: string;
diff --git a/src/components/Application/src/useAppContext.ts b/src/components/Application/src/useAppContext.ts
index 5356cdbdf..f0a624630 100644
--- a/src/components/Application/src/useAppContext.ts
+++ b/src/components/Application/src/useAppContext.ts
@@ -1,4 +1,5 @@
 import { InjectionKey, Ref } from 'vue';
+
 import { createContext, useContext } from '@/hooks/core/useContext';
 
 export interface AppProviderContextProps {
diff --git a/src/components/Authority/index.ts b/src/components/Authority/index.ts
index 7a862356c..f9a19cfdd 100644
--- a/src/components/Authority/index.ts
+++ b/src/components/Authority/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import authority from './src/Authority.vue';
 
 export const Authority = withInstall(authority);
diff --git a/src/components/Authority/src/Authority.vue b/src/components/Authority/src/Authority.vue
index e0d5a4764..9881eb74e 100644
--- a/src/components/Authority/src/Authority.vue
+++ b/src/components/Authority/src/Authority.vue
@@ -3,6 +3,7 @@
 -->
 <script lang="ts">
 import { defineComponent } from 'vue';
+
 import { RoleEnum } from '@/enums/roleEnum';
 import { usePermission } from '@/hooks/web/usePermission';
 import { getSlot } from '@/utils/helper/tsxHelper';
diff --git a/src/components/Basic/index.ts b/src/components/Basic/index.ts
index 3fad74cb1..4deb24f75 100644
--- a/src/components/Basic/index.ts
+++ b/src/components/Basic/index.ts
@@ -1,7 +1,8 @@
 import { withInstall } from '@/utils';
+
 import basicArrow from './src/BasicArrow.vue';
-import basicTitle from './src/BasicTitle.vue';
 import basicHelp from './src/BasicHelp.vue';
+import basicTitle from './src/BasicTitle.vue';
 
 export const BasicArrow = withInstall(basicArrow);
 export const BasicTitle = withInstall(basicTitle);
diff --git a/src/components/Basic/src/BasicArrow.vue b/src/components/Basic/src/BasicArrow.vue
index d73e817aa..0d025e12f 100644
--- a/src/components/Basic/src/BasicArrow.vue
+++ b/src/components/Basic/src/BasicArrow.vue
@@ -5,6 +5,7 @@
 </template>
 <script lang="ts" setup>
 import { computed } from 'vue';
+
 import { Icon } from '@/components/Icon';
 import { useDesign } from '@/hooks/web/useDesign';
 
diff --git a/src/components/Basic/src/BasicHelp.vue b/src/components/Basic/src/BasicHelp.vue
index ed21df8ad..08b1a740a 100644
--- a/src/components/Basic/src/BasicHelp.vue
+++ b/src/components/Basic/src/BasicHelp.vue
@@ -1,12 +1,13 @@
 <script lang="tsx">
-import type { CSSProperties } from 'vue';
-import { defineComponent, computed, unref } from 'vue';
-import { Tooltip } from 'ant-design-vue';
 import { InfoCircleOutlined } from '@ant-design/icons-vue';
-import { getPopupContainer } from '@/utils';
-import { isString, isArray } from '@/utils/is';
-import { getSlot } from '@/utils/helper/tsxHelper';
+import { Tooltip } from 'ant-design-vue';
+import type { CSSProperties } from 'vue';
+import { computed, defineComponent, unref } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
+import { getPopupContainer } from '@/utils';
+import { getSlot } from '@/utils/helper/tsxHelper';
+import { isArray, isString } from '@/utils/is';
 
 const props = {
   /**
diff --git a/src/components/Basic/src/BasicTitle.vue b/src/components/Basic/src/BasicTitle.vue
index d85b53de6..67c1f44eb 100644
--- a/src/components/Basic/src/BasicTitle.vue
+++ b/src/components/Basic/src/BasicTitle.vue
@@ -1,14 +1,16 @@
 <template>
   <span :class="getClass">
     <slot></slot>
-    <BasicHelp :class="`${prefixCls}-help`" v-if="helpMessage" :text="helpMessage" />
+    <BasicHelp v-if="helpMessage" :class="`${prefixCls}-help`" :text="helpMessage" />
   </span>
 </template>
 <script lang="ts" setup>
-import { useSlots, computed } from 'vue';
-import BasicHelp from './BasicHelp.vue';
+import { computed, useSlots } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
 
+import BasicHelp from './BasicHelp.vue';
+
 const props = defineProps({
   /**
    * Help text list or string
diff --git a/src/components/Button/index.ts b/src/components/Button/index.ts
index 49ad67a8f..ebfc2e191 100644
--- a/src/components/Button/index.ts
+++ b/src/components/Button/index.ts
@@ -1,5 +1,7 @@
-import { withInstall } from '@/utils';
 import type { ExtractPropTypes } from 'vue';
+
+import { withInstall } from '@/utils';
+
 import button from './src/BasicButton.vue';
 import popConfirmButton from './src/PopConfirmButton.vue';
 import { buttonProps } from './src/props';
diff --git a/src/components/Button/src/BasicButton.vue b/src/components/Button/src/BasicButton.vue
index 0323d3ddc..bad6baa79 100644
--- a/src/components/Button/src/BasicButton.vue
+++ b/src/components/Button/src/BasicButton.vue
@@ -1,19 +1,21 @@
 <template>
   <Button v-bind="getBindValue" :class="getButtonClass" @click="onClick">
     <template #default="data">
-      <Icon :icon="preIcon" v-if="preIcon" :size="iconSize" />
+      <Icon v-if="preIcon" :icon="preIcon" :size="iconSize" />
       <slot v-bind="data || {}"></slot>
-      <Icon :icon="postIcon" v-if="postIcon" :size="iconSize" />
+      <Icon v-if="postIcon" :icon="postIcon" :size="iconSize" />
     </template>
   </Button>
 </template>
 <script lang="ts" setup name="AButton" extends="Button" indeterminate="false">
 import { Button } from 'ant-design-vue';
 import { computed, unref } from 'vue';
+
 import { Icon } from '@/components/Icon';
-import { buttonProps } from './props';
 import { useAttrs } from '@/hooks/core/useAttrs';
 
+import { buttonProps } from './props';
+
 const props = defineProps(buttonProps);
 // get component class
 const attrs = useAttrs({ excludeDefaultKeys: false });
diff --git a/src/components/Button/src/PopConfirmButton.vue b/src/components/Button/src/PopConfirmButton.vue
index 4b1c62518..eeb9e0719 100644
--- a/src/components/Button/src/PopConfirmButton.vue
+++ b/src/components/Button/src/PopConfirmButton.vue
@@ -1,11 +1,13 @@
 <script lang="ts">
-import { computed, defineComponent, h, unref } from 'vue';
-import BasicButton from './BasicButton.vue';
 import { Popconfirm } from 'ant-design-vue';
-import { extendSlots } from '@/utils/helper/tsxHelper';
 import { omit } from 'lodash-es';
+import { computed, defineComponent, h, unref } from 'vue';
+
 import { useAttrs } from '@/hooks/core/useAttrs';
 import { useI18n } from '@/hooks/web/useI18n';
+import { extendSlots } from '@/utils/helper/tsxHelper';
+
+import BasicButton from './BasicButton.vue';
 
 const props = {
   /**
diff --git a/src/components/CardList/index.ts b/src/components/CardList/index.ts
index e4c6a2136..465422c9e 100644
--- a/src/components/CardList/index.ts
+++ b/src/components/CardList/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import cardList from './src/CardList.vue';
 
 export const CardList = withInstall(cardList);
diff --git a/src/components/CardList/src/CardList.vue b/src/components/CardList/src/CardList.vue
index 540823d5c..eb2e241d1 100644
--- a/src/components/CardList/src/CardList.vue
+++ b/src/components/CardList/src/CardList.vue
@@ -6,8 +6,8 @@
     <div class="p-2 bg-white">
       <List :grid="{ gutter: 5, xs: 1, sm: 2, md: 4, lg: 4, xl: 6, xxl: grid }" :data-source="data" :pagination="paginationProp">
         <template #header>
-          <div class="flex justify-end space-x-2"
-            ><slot name="header"></slot>
+          <div class="flex justify-end space-x-2">
+            <slot name="header"></slot>
             <Tooltip>
               <template #title>
                 <div class="w-50">每行显示数量</div>
@@ -68,15 +68,18 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, onMounted, ref } from 'vue';
 import { EditOutlined, EllipsisOutlined, RedoOutlined, TableOutlined } from '@ant-design/icons-vue';
-import { List, Card, Image, Typography, Tooltip, Slider, Avatar } from 'ant-design-vue';
+import { Avatar, Card, Image, List, Slider, Tooltip, Typography } from 'ant-design-vue';
+import { computed, onMounted, ref } from 'vue';
+
+import { Button } from '@/components/Button';
 import { Dropdown } from '@/components/Dropdown';
 import { BasicForm, useForm } from '@/components/Form';
-import { propTypes } from '@/utils/propTypes';
-import { Button } from '@/components/Button';
 import { isFunction } from '@/utils/is';
-import { useSlider, grid } from './data';
+import { propTypes } from '@/utils/propTypes';
+
+import { grid, useSlider } from './data';
+
 const ListItem = List.Item;
 const CardMeta = Card.Meta;
 const TypographyText = Typography.Text;
diff --git a/src/components/CodeEditor/index.ts b/src/components/CodeEditor/index.ts
index 996eae1f0..6a3cb9d07 100644
--- a/src/components/CodeEditor/index.ts
+++ b/src/components/CodeEditor/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import codeEditor from './src/CodeEditor.vue';
 import jsonPreview from './src/json-preview/JsonPreview.vue';
 
diff --git a/src/components/CodeEditor/src/CodeEditor.vue b/src/components/CodeEditor/src/CodeEditor.vue
index d156e2742..4cde18037 100644
--- a/src/components/CodeEditor/src/CodeEditor.vue
+++ b/src/components/CodeEditor/src/CodeEditor.vue
@@ -1,12 +1,14 @@
 <template>
   <div class="h-full">
-    <CodeMirrorEditor :value="getValue" @change="handleValueChange" :mode="mode" :readonly="readonly" />
+    <CodeMirrorEditor :value="getValue" :mode="mode" :readonly="readonly" @change="handleValueChange" />
   </div>
 </template>
 <script lang="ts" setup>
 import { computed } from 'vue';
-import CodeMirrorEditor from './codemirror/CodeMirror.vue';
+
 import { isString } from '@/utils/is';
+
+import CodeMirrorEditor from './codemirror/CodeMirror.vue';
 import { MODE } from './typing';
 
 const props = defineProps({
diff --git a/src/components/CodeEditor/src/codemirror/CodeMirror.vue b/src/components/CodeEditor/src/codemirror/CodeMirror.vue
index 92720b2d2..cc11ef3de 100644
--- a/src/components/CodeEditor/src/codemirror/CodeMirror.vue
+++ b/src/components/CodeEditor/src/codemirror/CodeMirror.vue
@@ -1,14 +1,8 @@
 <template>
-  <div class="relative !h-full w-full overflow-hidden" ref="el"></div>
+  <div ref="el" class="relative !h-full w-full overflow-hidden"></div>
 </template>
 
 <script lang="ts" setup>
-import { ref, onMounted, onUnmounted, watchEffect, watch, unref, nextTick } from 'vue';
-import { useDebounceFn } from '@vueuse/core';
-import { useAppStore } from '@/store/modules/app';
-import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn';
-import CodeMirror from 'codemirror';
-import { MODE } from './../typing';
 // css
 import './codemirror.css';
 import 'codemirror/theme/idea.css';
@@ -18,6 +12,15 @@ import 'codemirror/mode/javascript/javascript';
 import 'codemirror/mode/css/css';
 import 'codemirror/mode/htmlmixed/htmlmixed';
 
+import { useDebounceFn } from '@vueuse/core';
+import CodeMirror from 'codemirror';
+import { nextTick, onMounted, onUnmounted, ref, unref, watch, watchEffect } from 'vue';
+
+import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn';
+import { useAppStore } from '@/store/modules/app';
+
+import { MODE } from './../typing';
+
 const props = defineProps({
   mode: {
     type: String as PropType<MODE>,
diff --git a/src/components/CodeEditor/src/codemirror/codeMirror.ts b/src/components/CodeEditor/src/codemirror/codeMirror.ts
index e04f51be2..eeefffe19 100644
--- a/src/components/CodeEditor/src/codemirror/codeMirror.ts
+++ b/src/components/CodeEditor/src/codemirror/codeMirror.ts
@@ -1,13 +1,13 @@
-import CodeMirror from 'codemirror';
 import './codemirror.css';
 import 'codemirror/theme/idea.css';
 import 'codemirror/theme/material-palenight.css';
 // import 'codemirror/addon/lint/lint.css';
-
 // modes
 import 'codemirror/mode/javascript/javascript';
 import 'codemirror/mode/css/css';
 import 'codemirror/mode/htmlmixed/htmlmixed';
+
+import CodeMirror from 'codemirror';
 // addons
 // import 'codemirror/addon/edit/closebrackets';
 // import 'codemirror/addon/edit/closetag';
diff --git a/src/components/CodeEditor/src/json-preview/JsonPreview.vue b/src/components/CodeEditor/src/json-preview/JsonPreview.vue
index 81b79b54c..0deeb660f 100644
--- a/src/components/CodeEditor/src/json-preview/JsonPreview.vue
+++ b/src/components/CodeEditor/src/json-preview/JsonPreview.vue
@@ -3,9 +3,10 @@
 </template>
 
 <script lang="ts" setup>
-import VueJsonPretty from 'vue-json-pretty';
 import 'vue-json-pretty/lib/styles.css';
 
+import VueJsonPretty from 'vue-json-pretty';
+
 defineProps({
   data: Object,
 });
diff --git a/src/components/Container/index.ts b/src/components/Container/index.ts
index 62979dd01..08c970445 100644
--- a/src/components/Container/index.ts
+++ b/src/components/Container/index.ts
@@ -1,7 +1,8 @@
 import { withInstall } from '@/utils';
+
 import collapseContainer from './src/collapse/CollapseContainer.vue';
-import scrollContainer from './src/ScrollContainer.vue';
 import lazyContainer from './src/LazyContainer.vue';
+import scrollContainer from './src/ScrollContainer.vue';
 
 export const CollapseContainer = withInstall(collapseContainer);
 export const ScrollContainer = withInstall(scrollContainer);
diff --git a/src/components/Container/src/LazyContainer.vue b/src/components/Container/src/LazyContainer.vue
index 88894d1c2..b68a8a27c 100644
--- a/src/components/Container/src/LazyContainer.vue
+++ b/src/components/Container/src/LazyContainer.vue
@@ -1,18 +1,19 @@
 <template>
-  <transition-group class="h-full w-full" v-bind="$attrs" ref="elRef" :name="transitionName" :tag="tag" mode="out-in">
-    <div key="component" v-if="state.isInit">
+  <transition-group v-bind="$attrs" ref="elRef" class="h-full w-full" :name="transitionName" :tag="tag" mode="out-in">
+    <div v-if="state.isInit" key="component">
       <slot :loading="state.loading"></slot>
     </div>
-    <div key="skeleton" v-else>
-      <slot name="skeleton" v-if="$slots.skeleton"></slot>
+    <div v-else key="skeleton">
+      <slot v-if="$slots.skeleton" name="skeleton"></slot>
       <Skeleton v-else />
     </div>
   </transition-group>
 </template>
 <script lang="ts" setup name="LazyContainer" inheritAttrs="false">
-import { reactive, onMounted, ref, toRef } from 'vue';
-import { Skeleton } from 'ant-design-vue';
 import { useTimeoutFn } from '@vueuse/core';
+import { Skeleton } from 'ant-design-vue';
+import { onMounted, reactive, ref, toRef } from 'vue';
+
 import { useIntersectionObserver } from '@/hooks/event/useIntersectionObserver';
 
 interface State {
diff --git a/src/components/Container/src/ScrollContainer.vue b/src/components/Container/src/ScrollContainer.vue
index 6ca71e14d..7600adab6 100644
--- a/src/components/Container/src/ScrollContainer.vue
+++ b/src/components/Container/src/ScrollContainer.vue
@@ -5,7 +5,8 @@
 </template>
 
 <script lang="ts" setup name="ScrollContainer">
-import { ref, unref, nextTick } from 'vue';
+import { nextTick, ref, unref } from 'vue';
+
 import { Scrollbar, ScrollbarType } from '@/components/Scrollbar';
 import { useScrollTo } from '@/hooks/event/useScrollTo';
 
diff --git a/src/components/Container/src/collapse/CollapseContainer.vue b/src/components/Container/src/collapse/CollapseContainer.vue
index 98099d673..d8d158f59 100644
--- a/src/components/Container/src/collapse/CollapseContainer.vue
+++ b/src/components/Container/src/collapse/CollapseContainer.vue
@@ -1,12 +1,14 @@
 <script lang="tsx">
-import { ref, unref, defineComponent, type PropType, type ExtractPropTypes } from 'vue';
-import { isNil } from 'lodash-es';
-import { Skeleton } from 'ant-design-vue';
-import { CollapseTransition } from '@/components/Transition';
-import CollapseHeader from './CollapseHeader.vue';
-import { triggerWindowResize } from '@/utils/event';
 import { useTimeoutFn } from '@vueuse/core';
+import { Skeleton } from 'ant-design-vue';
+import { isNil } from 'lodash-es';
+import { defineComponent, type ExtractPropTypes, type PropType, ref, unref } from 'vue';
+
+import { CollapseTransition } from '@/components/Transition';
 import { useDesign } from '@/hooks/web/useDesign';
+import { triggerWindowResize } from '@/utils/event';
+
+import CollapseHeader from './CollapseHeader.vue';
 
 const collapseContainerProps = {
   title: { type: String, default: '' },
diff --git a/src/components/Container/src/collapse/CollapseHeader.vue b/src/components/Container/src/collapse/CollapseHeader.vue
index 3d0cce0e0..82d7da25c 100644
--- a/src/components/Container/src/collapse/CollapseHeader.vue
+++ b/src/components/Container/src/collapse/CollapseHeader.vue
@@ -1,7 +1,8 @@
 <script lang="tsx">
-import { defineComponent, computed, unref, type ExtractPropTypes } from 'vue';
-import { useDesign } from '@/hooks/web/useDesign';
+import { computed, defineComponent, type ExtractPropTypes, unref } from 'vue';
+
 import { BasicArrow, BasicTitle } from '@/components/Basic';
+import { useDesign } from '@/hooks/web/useDesign';
 
 const collapseHeaderProps = {
   prefixCls: String,
diff --git a/src/components/ContextMenu/index.ts b/src/components/ContextMenu/index.ts
index ed294d7bb..499e545b0 100644
--- a/src/components/ContextMenu/index.ts
+++ b/src/components/ContextMenu/index.ts
@@ -1,3 +1,2 @@
 export { createContextMenu, destroyContextMenu } from './src/createContextMenu';
-
 export * from './src/typing';
diff --git a/src/components/ContextMenu/src/ContextMenu.vue b/src/components/ContextMenu/src/ContextMenu.vue
index 2712121ae..cfff3fa05 100644
--- a/src/components/ContextMenu/src/ContextMenu.vue
+++ b/src/components/ContextMenu/src/ContextMenu.vue
@@ -1,9 +1,11 @@
 <script lang="tsx">
-import type { ContextMenuItem, ItemContentProps, Axis } from './typing';
-import type { FunctionalComponent, CSSProperties } from 'vue';
-import { defineComponent, nextTick, onMounted, computed, ref, unref, onUnmounted } from 'vue';
+import { Divider, Menu } from 'ant-design-vue';
+import type { CSSProperties, FunctionalComponent } from 'vue';
+import { computed, defineComponent, nextTick, onMounted, onUnmounted, ref, unref } from 'vue';
+
 import { Icon } from '@/components/Icon';
-import { Menu, Divider } from 'ant-design-vue';
+
+import type { Axis, ContextMenuItem, ItemContentProps } from './typing';
 
 const prefixCls = 'context-menu';
 
diff --git a/src/components/ContextMenu/src/createContextMenu.ts b/src/components/ContextMenu/src/createContextMenu.ts
index b9b10e7ab..5af300d10 100644
--- a/src/components/ContextMenu/src/createContextMenu.ts
+++ b/src/components/ContextMenu/src/createContextMenu.ts
@@ -1,8 +1,10 @@
-import contextMenuVue from './ContextMenu.vue';
-import { isClient } from '@/utils/is';
-import { CreateContextOptions, ContextMenuProps } from './typing';
 import { createVNode, render } from 'vue';
 
+import { isClient } from '@/utils/is';
+
+import contextMenuVue from './ContextMenu.vue';
+import { ContextMenuProps, CreateContextOptions } from './typing';
+
 const menuManager: {
   domList: Element[];
   resolve: Fn;
diff --git a/src/components/CountDown/index.ts b/src/components/CountDown/index.ts
index 0da9d31aa..81909b7ce 100644
--- a/src/components/CountDown/index.ts
+++ b/src/components/CountDown/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import countButton from './src/CountButton.vue';
 import countdownInput from './src/CountdownInput.vue';
 
diff --git a/src/components/CountDown/src/CountButton.vue b/src/components/CountDown/src/CountButton.vue
index 776015a08..d28c5ee6f 100644
--- a/src/components/CountDown/src/CountButton.vue
+++ b/src/components/CountDown/src/CountButton.vue
@@ -1,14 +1,16 @@
 <template>
-  <Button v-bind="$attrs" :disabled="isStart" @click="handleStart" :loading="loading">
+  <Button v-bind="$attrs" :disabled="isStart" :loading="loading" @click="handleStart">
     {{ getButtonText }}
   </Button>
 </template>
 <script lang="ts" setup name="CountButton">
-import { ref, watchEffect, computed, unref } from 'vue';
 import { Button } from 'ant-design-vue';
-import { useCountdown } from './useCountdown';
-import { isFunction } from '@/utils/is';
+import { computed, ref, unref, watchEffect } from 'vue';
+
 import { useI18n } from '@/hooks/web/useI18n';
+import { isFunction } from '@/utils/is';
+
+import { useCountdown } from './useCountdown';
 
 const props = defineProps({
   value: { type: [Object, Number, String, Array] },
diff --git a/src/components/CountDown/src/CountdownInput.vue b/src/components/CountDown/src/CountdownInput.vue
index 894fc9cdb..c6ac4f749 100644
--- a/src/components/CountDown/src/CountdownInput.vue
+++ b/src/components/CountDown/src/CountdownInput.vue
@@ -3,15 +3,17 @@
     <template #addonAfter>
       <CountButton :size="size" :count="count" :value="state" :beforeStartFunc="sendCodeApi" />
     </template>
-    <template #[item]="data" v-for="item in Object.keys($slots).filter((k) => k !== 'addonAfter')">
+    <template v-for="item in Object.keys($slots).filter((k) => k !== 'addonAfter')" #[item]="data">
       <slot :name="item" v-bind="data || {}"></slot>
     </template>
   </a-input>
 </template>
 <script lang="ts" setup name="CountDownInput" inheritAttrs="false">
-import CountButton from './CountButton.vue';
-import { useDesign } from '@/hooks/web/useDesign';
 import { useRuleFormItem } from '@/hooks/component/useFormItem';
+import { useDesign } from '@/hooks/web/useDesign';
+
+import CountButton from './CountButton.vue';
+
 const props = defineProps({
   value: { type: String },
   size: { type: String, validator: (v: string) => ['default', 'large', 'small'].includes(v) },
diff --git a/src/components/CountDown/src/useCountdown.ts b/src/components/CountDown/src/useCountdown.ts
index 316d69a86..fba48ce79 100644
--- a/src/components/CountDown/src/useCountdown.ts
+++ b/src/components/CountDown/src/useCountdown.ts
@@ -1,5 +1,5 @@
-import { ref, unref } from 'vue';
 import { tryOnUnmounted } from '@vueuse/core';
+import { ref, unref } from 'vue';
 
 export function useCountdown(count: number) {
   const currentCount = ref(count);
diff --git a/src/components/CountTo/index.ts b/src/components/CountTo/index.ts
index 0c4194132..b91135e02 100644
--- a/src/components/CountTo/index.ts
+++ b/src/components/CountTo/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import countTo from './src/CountTo.vue';
 
 export const CountTo = withInstall(countTo);
diff --git a/src/components/CountTo/src/CountTo.vue b/src/components/CountTo/src/CountTo.vue
index 25cfd3113..c432b0e00 100644
--- a/src/components/CountTo/src/CountTo.vue
+++ b/src/components/CountTo/src/CountTo.vue
@@ -4,8 +4,9 @@
   </span>
 </template>
 <script lang="ts" setup name="CountTo">
-import { ref, computed, watchEffect, unref, onMounted, watch } from 'vue';
-import { useTransition, TransitionPresets } from '@vueuse/core';
+import { TransitionPresets, useTransition } from '@vueuse/core';
+import { computed, onMounted, ref, unref, watch, watchEffect } from 'vue';
+
 import { isNumber } from '@/utils/is';
 
 const emit = defineEmits(['onStarted', 'onFinished']);
diff --git a/src/components/Cropper/index.ts b/src/components/Cropper/index.ts
index df20be08f..0c4b31f14 100644
--- a/src/components/Cropper/index.ts
+++ b/src/components/Cropper/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import cropperImage from './src/Cropper.vue';
 import avatarCropper from './src/CropperAvatar.vue';
 
diff --git a/src/components/Cropper/src/CopperModal.vue b/src/components/Cropper/src/CopperModal.vue
index f4f74f63f..438efcef2 100644
--- a/src/components/Cropper/src/CopperModal.vue
+++ b/src/components/Cropper/src/CopperModal.vue
@@ -1,12 +1,12 @@
 <template>
   <BasicModal
     v-bind="$attrs"
-    @register="register"
     :title="t('component.cropper.modalTitle')"
     width="800px"
     :canFullscreen="false"
-    @ok="handleOk"
     :okText="t('component.cropper.okText')"
+    @register="register"
+    @ok="handleOk"
   >
     <div :class="prefixCls">
       <div :class="`${prefixCls}-left`">
@@ -77,7 +77,7 @@
       </div>
       <div :class="`${prefixCls}-right`">
         <div :class="`${prefixCls}-preview`">
-          <img :src="previewSource" v-if="previewSource" :alt="t('component.cropper.preview')" />
+          <img v-if="previewSource" :src="previewSource" :alt="t('component.cropper.preview')" />
         </div>
         <template v-if="previewSource">
           <div :class="`${prefixCls}-group`">
@@ -92,17 +92,23 @@
   </BasicModal>
 </template>
 <script lang="ts" setup name="CropperModal">
-import type { CropendResult, Cropper } from './typing';
+import { Avatar, Space, Tooltip, Upload } from 'ant-design-vue';
 import { ref } from 'vue';
-import CropperImage from './Cropper.vue';
-import { Space, Upload, Avatar, Tooltip } from 'ant-design-vue';
-import { useDesign } from '@/hooks/web/useDesign';
+
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useI18n } from '@/hooks/web/useI18n';
 import { dataURLtoBlob } from '@/utils/file/base64Conver';
 import { isFunction } from '@/utils/is';
-import { useI18n } from '@/hooks/web/useI18n';
 
-type apiFunParams = { file: Blob; name: string; filename: string };
+import CropperImage from './Cropper.vue';
+import type { CropendResult, Cropper } from './typing';
+
+interface apiFunParams {
+  file: Blob;
+  name: string;
+  filename: string;
+}
 
 const emit = defineEmits(['uploadSuccess', 'register']);
 
@@ -165,7 +171,7 @@ async function handleOk() {
       const result = await uploadApi({ name: 'file', file: blob, filename });
       emit('uploadSuccess', { source: previewSource.value, data: result.url });
     } else {
-      emit('uploadSuccess', { source: previewSource.value, data: blob, filename: filename });
+      emit('uploadSuccess', { source: previewSource.value, data: blob, filename });
     }
     closeModal();
   } finally {
diff --git a/src/components/Cropper/src/Cropper.vue b/src/components/Cropper/src/Cropper.vue
index 467f8264b..e15d61828 100644
--- a/src/components/Cropper/src/Cropper.vue
+++ b/src/components/Cropper/src/Cropper.vue
@@ -4,12 +4,13 @@
   </div>
 </template>
 <script lang="ts" setup name="CropperImage">
-import { CSSProperties, useAttrs } from 'vue';
-import { onMounted, ref, unref, computed, onUnmounted } from 'vue';
-import Cropper from 'cropperjs';
 import 'cropperjs/dist/cropper.css';
-import { useDesign } from '@/hooks/web/useDesign';
+
 import { useDebounceFn } from '@vueuse/core';
+import Cropper from 'cropperjs';
+import { computed, CSSProperties, onMounted, onUnmounted, ref, unref, useAttrs } from 'vue';
+
+import { useDesign } from '@/hooks/web/useDesign';
 
 const emit = defineEmits(['cropend', 'ready', 'cropendError']);
 const attrs = useAttrs();
@@ -121,13 +122,13 @@ function croppered() {
   if (!cropper.value) {
     return;
   }
-  let imgInfo = cropper.value.getData();
+  const imgInfo = cropper.value.getData();
   const canvas = props.circled ? getRoundedCanvas() : cropper.value.getCroppedCanvas();
   canvas.toBlob((blob) => {
     if (!blob) {
       return;
     }
-    let fileReader: FileReader = new FileReader();
+    const fileReader: FileReader = new FileReader();
     fileReader.readAsDataURL(blob);
     fileReader.onloadend = (e) => {
       emit('cropend', {
diff --git a/src/components/Cropper/src/CropperAvatar.vue b/src/components/Cropper/src/CropperAvatar.vue
index 3697f1af3..65256a83b 100644
--- a/src/components/Cropper/src/CropperAvatar.vue
+++ b/src/components/Cropper/src/CropperAvatar.vue
@@ -4,24 +4,26 @@
       <div :class="`${prefixCls}-image-mask`" :style="getImageWrapperStyle">
         <Icon icon="ant-design:cloud-upload-outlined" :size="getIconWidth" :style="getImageWrapperStyle" color="#d6d6d6" />
       </div>
-      <img :src="sourceValue" v-if="sourceValue" alt="avatar" />
+      <img v-if="sourceValue" :src="sourceValue" alt="avatar" />
     </div>
-    <a-button :class="`${prefixCls}-upload-btn`" @click="openModal" v-if="showBtn" v-bind="btnProps">
+    <a-button v-if="showBtn" :class="`${prefixCls}-upload-btn`" v-bind="btnProps" @click="openModal">
       {{ btnText ? btnText : t('component.cropper.selectImage') }}
     </a-button>
 
-    <CopperModal @register="register" @upload-success="handleUploadSuccess" :uploadApi="uploadApi" :src="sourceValue" />
+    <CopperModal :uploadApi="uploadApi" :src="sourceValue" @register="register" @upload-success="handleUploadSuccess" />
   </div>
 </template>
 <script lang="ts" setup name="CropperAvatar">
-import { computed, CSSProperties, unref, ref, watchEffect, watch } from 'vue';
-import CopperModal from './CopperModal.vue';
-import { useDesign } from '@/hooks/web/useDesign';
-import { useModal } from '@/components/Modal';
-import { useMessage } from '@/hooks/web/useMessage';
-import { useI18n } from '@/hooks/web/useI18n';
+import { computed, CSSProperties, ref, unref, watch, watchEffect } from 'vue';
+
 import type { ButtonProps } from '@/components/Button';
 import { Icon } from '@/components/Icon';
+import { useModal } from '@/components/Modal';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
+import CopperModal from './CopperModal.vue';
 
 const emit = defineEmits(['update:value', 'change']);
 
diff --git a/src/components/Description/index.ts b/src/components/Description/index.ts
index c75c4dbdb..29ffd8678 100644
--- a/src/components/Description/index.ts
+++ b/src/components/Description/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import description from './src/Description.vue';
 
 export * from './src/typing';
diff --git a/src/components/Description/src/Description.vue b/src/components/Description/src/Description.vue
index 669ef7675..16de78f77 100644
--- a/src/components/Description/src/Description.vue
+++ b/src/components/Description/src/Description.vue
@@ -1,16 +1,18 @@
 <script lang="tsx">
-import type { DescriptionProps, DescInstance, DescItem } from './typing';
-import type { DescriptionsProps } from 'ant-design-vue/es/descriptions';
-import type { CSSProperties } from 'vue';
-import type { CollapseContainerOptions } from '@/components/Container';
-import { defineComponent, computed, ref, unref, toRefs } from 'vue';
-import { get } from 'lodash-es';
 import { Descriptions } from 'ant-design-vue';
+import type { DescriptionsProps } from 'ant-design-vue/es/descriptions';
+import { get } from 'lodash-es';
+import type { CSSProperties } from 'vue';
+import { computed, defineComponent, ref, toRefs, unref } from 'vue';
+
+import type { CollapseContainerOptions } from '@/components/Container';
 import { CollapseContainer } from '@/components/Container';
-import { useDesign } from '@/hooks/web/useDesign';
-import { isFunction } from '@/utils/is';
-import { getSlot } from '@/utils/helper/tsxHelper';
 import { useAttrs } from '@/hooks/core/useAttrs';
+import { useDesign } from '@/hooks/web/useDesign';
+import { getSlot } from '@/utils/helper/tsxHelper';
+import { isFunction } from '@/utils/is';
+
+import type { DescInstance, DescItem, DescriptionProps } from './typing';
 
 const props = {
   useCollapse: { type: Boolean, default: true },
diff --git a/src/components/Description/src/typing.ts b/src/components/Description/src/typing.ts
index 0947aa7c2..e645381a5 100644
--- a/src/components/Description/src/typing.ts
+++ b/src/components/Description/src/typing.ts
@@ -1,6 +1,7 @@
-import type { VNode, CSSProperties } from 'vue';
-import type { CollapseContainerOptions } from '@/components/Container';
 import type { DescriptionsProps } from 'ant-design-vue/es/descriptions';
+import type { CSSProperties, VNode } from 'vue';
+
+import type { CollapseContainerOptions } from '@/components/Container';
 
 export interface DescItem {
   labelMinWidth?: number;
diff --git a/src/components/Description/src/useDescription.ts b/src/components/Description/src/useDescription.ts
index 062f53ca2..d45baf95d 100644
--- a/src/components/Description/src/useDescription.ts
+++ b/src/components/Description/src/useDescription.ts
@@ -1,7 +1,9 @@
-import type { DescriptionProps, DescInstance, UseDescReturnType } from './typing';
-import { ref, getCurrentInstance, unref } from 'vue';
+import { getCurrentInstance, ref, unref } from 'vue';
+
 import { isProdMode } from '@/utils/env';
 
+import type { DescInstance, DescriptionProps, UseDescReturnType } from './typing';
+
 export function useDescription(props?: Partial<DescriptionProps>): UseDescReturnType {
   if (!getCurrentInstance()) {
     throw new Error('useDescription() can only be used inside setup() or functional components!');
diff --git a/src/components/DictTag/index.ts b/src/components/DictTag/index.ts
index 37fcbe2ad..acf703cd9 100644
--- a/src/components/DictTag/index.ts
+++ b/src/components/DictTag/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import dictTag from './src/DictTag.vue';
 
 export const DictTag = withInstall(dictTag);
diff --git a/src/components/DictTag/src/DictTag.vue b/src/components/DictTag/src/DictTag.vue
index ef5b07e14..051df5d30 100644
--- a/src/components/DictTag/src/DictTag.vue
+++ b/src/components/DictTag/src/DictTag.vue
@@ -1,7 +1,8 @@
 <script lang="tsx">
-import { defineComponent, PropType, ref } from 'vue';
-import { isHexColor } from '@/utils/color';
 import { Tag } from 'ant-design-vue';
+import { defineComponent, PropType, ref } from 'vue';
+
+import { isHexColor } from '@/utils/color';
 import { DictDataType, getBoolDictOptions, getDictOptions, getStrDictOptions } from '@/utils/dict';
 
 export default defineComponent({
diff --git a/src/components/Drawer/index.ts b/src/components/Drawer/index.ts
index 0eb1a16ec..3f46a8e22 100644
--- a/src/components/Drawer/index.ts
+++ b/src/components/Drawer/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import basicDrawer from './src/BasicDrawer.vue';
 
 export const BasicDrawer = withInstall(basicDrawer);
diff --git a/src/components/Drawer/src/BasicDrawer.vue b/src/components/Drawer/src/BasicDrawer.vue
index a82a69a55..f574cd239 100644
--- a/src/components/Drawer/src/BasicDrawer.vue
+++ b/src/components/Drawer/src/BasicDrawer.vue
@@ -1,6 +1,6 @@
 <template>
-  <Drawer :class="prefixCls" @close="onClose" v-bind="getBindValues">
-    <template #title v-if="!$slots.title">
+  <Drawer :class="prefixCls" v-bind="getBindValues" @close="onClose">
+    <template v-if="!$slots.title" #title>
       <DrawerHeader :title="(getMergeProps.title as any)" :isDetail="isDetail" :showDetailBack="showDetailBack" @close="onClose">
         <template #titleToolbar>
           <slot name="titleToolbar"></slot>
@@ -11,30 +11,32 @@
       <slot name="title"></slot>
     </template>
 
-    <ScrollContainer :style="getScrollContentStyle" v-loading="getLoading" :loading-tip="loadingText || t('common.loadingText')">
+    <ScrollContainer v-loading="getLoading" :style="getScrollContentStyle" :loading-tip="loadingText || t('common.loadingText')">
       <slot></slot>
     </ScrollContainer>
-    <DrawerFooter v-bind="getProps" @close="onClose" @ok="handleOk" :height="getFooterHeight">
-      <template #[item]="data" v-for="item in Object.keys($slots)">
+    <DrawerFooter v-bind="getProps" :height="getFooterHeight" @close="onClose" @ok="handleOk">
+      <template v-for="item in Object.keys($slots)" #[item]="data">
         <slot :name="item" v-bind="data || {}"></slot>
       </template>
     </DrawerFooter>
   </Drawer>
 </template>
 <script lang="ts" setup inheritAttrs="false">
-import type { DrawerInstance, DrawerProps } from './typing';
-import type { CSSProperties } from 'vue';
-import { ref, computed, watch, unref, nextTick, toRaw, getCurrentInstance } from 'vue';
 import { Drawer } from 'ant-design-vue';
+import type { CSSProperties } from 'vue';
+import { computed, getCurrentInstance, nextTick, ref, toRaw, unref, watch } from 'vue';
+
+import { ScrollContainer } from '@/components/Container';
+import { useAttrs } from '@/hooks/core/useAttrs';
+import { useDesign } from '@/hooks/web/useDesign';
 import { useI18n } from '@/hooks/web/useI18n';
-import { isFunction, isNumber } from '@/utils/is';
 import { deepMerge } from '@/utils';
+import { isFunction, isNumber } from '@/utils/is';
+
 import DrawerFooter from './components/DrawerFooter.vue';
 import DrawerHeader from './components/DrawerHeader.vue';
-import { ScrollContainer } from '@/components/Container';
 import { basicProps } from './props';
-import { useDesign } from '@/hooks/web/useDesign';
-import { useAttrs } from '@/hooks/core/useAttrs';
+import type { DrawerInstance, DrawerProps } from './typing';
 
 const props = defineProps(basicProps);
 const emit = defineEmits(['visible-change', 'ok', 'close', 'register']);
@@ -47,7 +49,7 @@ const { t } = useI18n();
 const { prefixVar, prefixCls } = useDesign('basic-drawer');
 
 const drawerInstance: DrawerInstance = {
-  setDrawerProps: setDrawerProps,
+  setDrawerProps,
   emitVisible: undefined,
 };
 
diff --git a/src/components/Drawer/src/components/DrawerFooter.vue b/src/components/Drawer/src/components/DrawerFooter.vue
index 94f6b25e2..86ddd6833 100644
--- a/src/components/Drawer/src/components/DrawerFooter.vue
+++ b/src/components/Drawer/src/components/DrawerFooter.vue
@@ -1,12 +1,12 @@
 <template>
-  <div :class="prefixCls" :style="getStyle" v-if="showFooter || $slots.footer">
+  <div v-if="showFooter || $slots.footer" :class="prefixCls" :style="getStyle">
     <template v-if="!$slots.footer">
       <slot name="insertFooter"></slot>
-      <a-button v-bind="cancelButtonProps" @click="handleClose" class="mr-2" v-if="showCancelBtn">
+      <a-button v-if="showCancelBtn" v-bind="cancelButtonProps" class="mr-2" @click="handleClose">
         {{ cancelText }}
       </a-button>
       <slot name="centerFooter"></slot>
-      <a-button :type="okType" @click="handleOk" v-bind="okButtonProps" class="mr-2" :loading="confirmLoading" v-if="showOkBtn">
+      <a-button v-if="showOkBtn" :type="okType" v-bind="okButtonProps" class="mr-2" :loading="confirmLoading" @click="handleOk">
         {{ okText }}
       </a-button>
       <slot name="appendFooter"></slot>
@@ -20,7 +20,9 @@
 <script lang="ts" setup name="BasicDrawerFooter">
 import type { CSSProperties } from 'vue';
 import { computed } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
+
 import { footerProps } from '../props';
 
 const props = defineProps({
diff --git a/src/components/Drawer/src/components/DrawerHeader.vue b/src/components/Drawer/src/components/DrawerHeader.vue
index 7ba14ec5b..cbe64cd37 100644
--- a/src/components/Drawer/src/components/DrawerHeader.vue
+++ b/src/components/Drawer/src/components/DrawerHeader.vue
@@ -4,9 +4,9 @@
     {{ !$slots.title ? title : '' }}
   </BasicTitle>
 
-  <div :class="[prefixCls, `${prefixCls}--detail`]" v-else>
+  <div v-else :class="[prefixCls, `${prefixCls}--detail`]">
     <span :class="`${prefixCls}__twrap`">
-      <span @click="handleClose" v-if="showDetailBack">
+      <span v-if="showDetailBack" @click="handleClose">
         <ArrowLeftOutlined :class="`${prefixCls}__back`" />
       </span>
       <span v-if="title">{{ title }}</span>
@@ -18,8 +18,9 @@
   </div>
 </template>
 <script lang="ts" setup name="BasicDrawerHeader">
-import { BasicTitle } from '@/components/Basic';
 import { ArrowLeftOutlined } from '@ant-design/icons-vue';
+
+import { BasicTitle } from '@/components/Basic';
 import { useDesign } from '@/hooks/web/useDesign';
 import { propTypes } from '@/utils/propTypes';
 
diff --git a/src/components/Drawer/src/props.ts b/src/components/Drawer/src/props.ts
index 2d7cd61f6..e4c0c8684 100644
--- a/src/components/Drawer/src/props.ts
+++ b/src/components/Drawer/src/props.ts
@@ -1,4 +1,5 @@
 import { useI18n } from '@/hooks/web/useI18n';
+
 const { t } = useI18n();
 
 export const footerProps = {
diff --git a/src/components/Drawer/src/typing.ts b/src/components/Drawer/src/typing.ts
index 42bb2e549..278cae12b 100644
--- a/src/components/Drawer/src/typing.ts
+++ b/src/components/Drawer/src/typing.ts
@@ -1,5 +1,6 @@
 import type { ButtonProps } from 'ant-design-vue/lib/button/buttonTypes';
-import type { CSSProperties, VNodeChild, ComputedRef } from 'vue';
+import type { ComputedRef, CSSProperties, VNodeChild } from 'vue';
+
 import type { ScrollContainerOptions } from '@/components/Container';
 
 export interface DrawerInstance {
diff --git a/src/components/Drawer/src/useDrawer.ts b/src/components/Drawer/src/useDrawer.ts
index 61dc3e8bf..f3b0dc8fa 100644
--- a/src/components/Drawer/src/useDrawer.ts
+++ b/src/components/Drawer/src/useDrawer.ts
@@ -1,11 +1,13 @@
-import type { UseDrawerReturnType, DrawerInstance, ReturnMethods, DrawerProps, UseDrawerInnerReturnType } from './typing';
-import { ref, getCurrentInstance, unref, reactive, watchEffect, nextTick, toRaw, computed } from 'vue';
-import { isProdMode } from '@/utils/env';
-import { isFunction } from '@/utils/is';
 import { tryOnUnmounted } from '@vueuse/core';
 import { isEqual } from 'lodash-es';
+import { computed, getCurrentInstance, nextTick, reactive, ref, toRaw, unref, watchEffect } from 'vue';
+
+import { isProdMode } from '@/utils/env';
+import { isFunction } from '@/utils/is';
 import { error } from '@/utils/log';
 
+import type { DrawerInstance, DrawerProps, ReturnMethods, UseDrawerInnerReturnType, UseDrawerReturnType } from './typing';
+
 const dataTransferRef = reactive<any>({});
 
 const visibleData = reactive<{ [key: number]: boolean }>({});
@@ -60,7 +62,7 @@ export function useDrawer(): UseDrawerReturnType {
 
     openDrawer: <T = any>(visible = true, data?: T, openOnSet = true): void => {
       getInstance()?.setDrawerProps({
-        visible: visible,
+        visible,
       });
       if (!data) return;
 
diff --git a/src/components/Dropdown/index.ts b/src/components/Dropdown/index.ts
index 98b3041e1..9f7809c75 100644
--- a/src/components/Dropdown/index.ts
+++ b/src/components/Dropdown/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import dropdown from './src/Dropdown.vue';
 
 export * from './src/typing';
diff --git a/src/components/Dropdown/src/Dropdown.vue b/src/components/Dropdown/src/Dropdown.vue
index c589b94b3..1b338ef1f 100644
--- a/src/components/Dropdown/src/Dropdown.vue
+++ b/src/components/Dropdown/src/Dropdown.vue
@@ -6,18 +6,18 @@
     <template #overlay>
       <a-menu :selectedKeys="selectedKeys">
         <template v-for="item in dropMenuList" :key="`${item.event}`">
-          <a-menu-item v-bind="getAttr(item.event)" @click="handleClickMenu(item)" :disabled="item.disabled">
+          <a-menu-item v-bind="getAttr(item.event)" :disabled="item.disabled" @click="handleClickMenu(item)">
             <a-popconfirm v-if="popconfirm && item.popConfirm" v-bind="getPopConfirmAttrs(item.popConfirm)">
-              <template #icon v-if="item.popConfirm.icon">
+              <template v-if="item.popConfirm.icon" #icon>
                 <Icon :icon="item.popConfirm.icon" />
               </template>
               <div>
-                <Icon :icon="item.icon" v-if="item.icon" />
+                <Icon v-if="item.icon" :icon="item.icon" />
                 <span class="ml-1">{{ item.text }}</span>
               </div>
             </a-popconfirm>
             <template v-else>
-              <Icon :icon="item.icon" v-if="item.icon" />
+              <Icon v-if="item.icon" :icon="item.icon" />
               <span class="ml-1">{{ item.text }}</span>
             </template>
           </a-menu-item>
@@ -29,13 +29,15 @@
 </template>
 
 <script lang="ts" setup>
-import { computed } from 'vue';
-import type { DropMenu } from './typing';
 import { Dropdown, Menu, Popconfirm } from 'ant-design-vue';
-import { Icon } from '@/components/Icon';
 import { omit } from 'lodash-es';
+import { computed } from 'vue';
+
+import { Icon } from '@/components/Icon';
 import { isFunction } from '@/utils/is';
 
+import type { DropMenu } from './typing';
+
 const ADropdown = Dropdown;
 const AMenu = Menu;
 const AMenuItem = Menu.Item;
diff --git a/src/components/Excel/index.ts b/src/components/Excel/index.ts
index 73228babd..a7fefe197 100644
--- a/src/components/Excel/index.ts
+++ b/src/components/Excel/index.ts
@@ -1,8 +1,9 @@
 import { withInstall } from '@/utils';
-import impExcel from './src/ImportExcel.vue';
+
 import expExcelModal from './src/ExportExcelModal.vue';
+import impExcel from './src/ImportExcel.vue';
 
 export const ImpExcel = withInstall(impExcel);
 export const ExpExcelModal = withInstall(expExcelModal);
+export { aoaToSheetXlsx, jsonToSheetXlsx } from './src/Export2Excel';
 export * from './src/typing';
-export { jsonToSheetXlsx, aoaToSheetXlsx } from './src/Export2Excel';
diff --git a/src/components/Excel/src/Export2Excel.ts b/src/components/Excel/src/Export2Excel.ts
index ef288cdd8..9f55c74c4 100644
--- a/src/components/Excel/src/Export2Excel.ts
+++ b/src/components/Excel/src/Export2Excel.ts
@@ -1,6 +1,7 @@
-import * as xlsx from 'xlsx';
 import type { WorkBook } from 'xlsx';
-import type { JsonToSheet, AoAToSheet } from './typing';
+import * as xlsx from 'xlsx';
+
+import type { AoAToSheet, JsonToSheet } from './typing';
 
 const { utils, writeFile } = xlsx;
 
diff --git a/src/components/Excel/src/ExportExcelModal.vue b/src/components/Excel/src/ExportExcelModal.vue
index f2bdc7570..cc8c9fd56 100644
--- a/src/components/Excel/src/ExportExcelModal.vue
+++ b/src/components/Excel/src/ExportExcelModal.vue
@@ -4,11 +4,12 @@
   </BasicModal>
 </template>
 <script lang="ts" setup>
-import type { ExportModalResult } from './typing';
-import { BasicModal, useModalInner } from '@/components/Modal';
 import { BasicForm, FormSchema, useForm } from '@/components/Form';
+import { BasicModal, useModalInner } from '@/components/Modal';
 import { useI18n } from '@/hooks/web/useI18n';
 
+import type { ExportModalResult } from './typing';
+
 const { t } = useI18n();
 const emit = defineEmits(['success', 'register']);
 const schemas: FormSchema[] = [
diff --git a/src/components/Excel/src/ImportExcel.vue b/src/components/Excel/src/ImportExcel.vue
index 087e9a14f..d237880d5 100644
--- a/src/components/Excel/src/ImportExcel.vue
+++ b/src/components/Excel/src/ImportExcel.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <input ref="inputRef" type="file" v-show="false" accept=".xlsx, .xls" @change="handleInputClick" />
+    <input v-show="false" ref="inputRef" type="file" accept=".xlsx, .xls" @change="handleInputClick" />
     <div @click="handleUpload">
       <slot></slot>
     </div>
@@ -9,7 +9,9 @@
 <script lang="ts" setup name="ImportExcel">
 import { ref, unref } from 'vue';
 import * as XLSX from 'xlsx';
+
 import { dateUtil } from '@/utils/dateUtil';
+
 import type { ExcelData } from './typing';
 
 const props = defineProps({
@@ -32,8 +34,8 @@ const props = defineProps({
 const emit = defineEmits(['success', 'error', 'cancel']);
 
 const inputRef = ref<HTMLInputElement | null>(null);
-const loadingRef = ref<Boolean>(false);
-const cancelRef = ref<Boolean>(true);
+const loadingRef = ref<boolean>(false);
+const cancelRef = ref<boolean>(true);
 
 function shapeWorkSheel(sheet: XLSX.WorkSheet, range: XLSX.Range) {
   let str = ' ',
@@ -106,7 +108,7 @@ function getExcelData(workbook: XLSX.WorkBook) {
       dateNF: dateFormat, //Not worked
     }) as object[];
     results = results.map((row: object) => {
-      for (let field in row) {
+      for (const field in row) {
         if (row[field] instanceof Date) {
           if (timeZone === 8) {
             row[field].setSeconds(row[field].getSeconds() + 43);
diff --git a/src/components/Excel/src/typing.ts b/src/components/Excel/src/typing.ts
index e55e549ea..dd7efa297 100644
--- a/src/components/Excel/src/typing.ts
+++ b/src/components/Excel/src/typing.ts
@@ -1,4 +1,4 @@
-import type { JSON2SheetOpts, WritingOptions, BookType } from 'xlsx';
+import type { BookType, JSON2SheetOpts, WritingOptions } from 'xlsx';
 
 export interface ExcelData<T = any> {
   header: string[];
diff --git a/src/components/Form/index.ts b/src/components/Form/index.ts
index d85b3c517..6cfb4ca89 100644
--- a/src/components/Form/index.ts
+++ b/src/components/Form/index.ts
@@ -1,17 +1,15 @@
 import BasicForm from './src/BasicForm.vue';
 
+export { default as ApiCascader } from './src/components/ApiCascader.vue';
+export { default as ApiRadioGroup } from './src/components/ApiRadioGroup.vue';
+export { default as ApiSelect } from './src/components/ApiSelect.vue';
+export { default as ApiTransfer } from './src/components/ApiTransfer.vue';
+export { default as ApiTree } from './src/components/ApiTree.vue';
+export { default as ApiTreeSelect } from './src/components/ApiTreeSelect.vue';
+export { default as RadioButtonGroup } from './src/components/RadioButtonGroup.vue';
+export { useComponentRegister } from './src/hooks/useComponentRegister';
+export { useForm } from './src/hooks/useForm';
 export * from './src/types/form';
 export * from './src/types/formItem';
 
-export { useComponentRegister } from './src/hooks/useComponentRegister';
-export { useForm } from './src/hooks/useForm';
-
-export { default as ApiSelect } from './src/components/ApiSelect.vue';
-export { default as RadioButtonGroup } from './src/components/RadioButtonGroup.vue';
-export { default as ApiTreeSelect } from './src/components/ApiTreeSelect.vue';
-export { default as ApiTree } from './src/components/ApiTree.vue';
-export { default as ApiRadioGroup } from './src/components/ApiRadioGroup.vue';
-export { default as ApiCascader } from './src/components/ApiCascader.vue';
-export { default as ApiTransfer } from './src/components/ApiTransfer.vue';
-
 export { BasicForm };
diff --git a/src/components/Form/src/BasicForm.vue b/src/components/Form/src/BasicForm.vue
index 8ffb0529a..ce1b0ab72 100644
--- a/src/components/Form/src/BasicForm.vue
+++ b/src/components/Form/src/BasicForm.vue
@@ -1,5 +1,5 @@
 <template>
-  <Form v-bind="getBindValue" :class="getFormClass" ref="formElRef" :model="formModel" @keypress.enter="handleEnterPress">
+  <Form v-bind="getBindValue" ref="formElRef" :class="getFormClass" :model="formModel" @keypress.enter="handleEnterPress">
     <Row v-bind="getRow">
       <slot name="formHeader"></slot>
       <template v-for="schema in getSchema" :key="schema.field">
@@ -13,14 +13,14 @@
           :formModel="formModel"
           :setFormModel="setFormModel"
         >
-          <template #[item]="data" v-for="item in Object.keys($slots)">
+          <template v-for="item in Object.keys($slots)" #[item]="data">
             <slot :name="item" v-bind="data || {}"></slot>
           </template>
         </FormItem>
       </template>
 
       <FormAction v-bind="getFormActionBindProps" @toggle-advanced="handleToggleAdvanced">
-        <template #[item]="data" v-for="item in ['resetBefore', 'submitBefore', 'advanceBefore', 'advanceAfter']">
+        <template v-for="item in ['resetBefore', 'submitBefore', 'advanceBefore', 'advanceAfter']" #[item]="data">
           <slot :name="item" v-bind="data || {}"></slot>
         </template>
       </FormAction>
@@ -29,32 +29,28 @@
   </Form>
 </template>
 <script lang="ts" setup name="BasicForm">
-import type { FormActionType, FormProps, FormSchema } from './types/form';
-import type { AdvanceState } from './types/hooks';
-import { Ref, useAttrs } from 'vue';
-
-import { reactive, ref, computed, unref, onMounted, watch, nextTick } from 'vue';
+import { useDebounceFn } from '@vueuse/core';
 import { Form, Row } from 'ant-design-vue';
-import FormItem from './components/FormItem.vue';
-import FormAction from './components/FormAction.vue';
-
-import { dateItemType } from './helper';
-import { dateUtil } from '@/utils/dateUtil';
+import { cloneDeep } from 'lodash-es';
+import { computed, nextTick, onMounted, reactive, Ref, ref, unref, useAttrs, watch } from 'vue';
 
+import { useModalContext } from '@/components/Modal';
+import { useDesign } from '@/hooks/web/useDesign';
 // import { cloneDeep } from 'lodash-es';
 import { deepMerge } from '@/utils';
+import { dateUtil } from '@/utils/dateUtil';
 
-import { useFormValues } from './hooks/useFormValues';
+import FormAction from './components/FormAction.vue';
+import FormItem from './components/FormItem.vue';
+import { dateItemType } from './helper';
 import useAdvanced from './hooks/useAdvanced';
-import { useFormEvents } from './hooks/useFormEvents';
-import { createFormContext } from './hooks/useFormContext';
 import { useAutoFocus } from './hooks/useAutoFocus';
-import { useModalContext } from '@/components/Modal';
-import { useDebounceFn } from '@vueuse/core';
-
+import { createFormContext } from './hooks/useFormContext';
+import { useFormEvents } from './hooks/useFormEvents';
+import { useFormValues } from './hooks/useFormValues';
 import { basicProps } from './props';
-import { useDesign } from '@/hooks/web/useDesign';
-import { cloneDeep } from 'lodash-es';
+import type { FormActionType, FormProps, FormSchema } from './types/form';
+import type { AdvanceState } from './types/hooks';
 
 const props = defineProps(basicProps);
 const emit = defineEmits(['advanced-change', 'reset', 'submit', 'register', 'field-value-change']);
@@ -261,7 +257,7 @@ const formActionType: Partial<FormActionType> = {
   validateFields,
   validate,
   submit: handleSubmit,
-  scrollToField: scrollToField,
+  scrollToField,
 };
 
 onMounted(() => {
diff --git a/src/components/Form/src/componentMap.ts b/src/components/Form/src/componentMap.ts
index 7283da785..d7a89ad33 100644
--- a/src/components/Form/src/componentMap.ts
+++ b/src/components/Form/src/componentMap.ts
@@ -1,38 +1,38 @@
-import type { Component } from 'vue';
-import type { ComponentType } from './types';
-
 /**
  * Component list, register here to setting it in the form
  */
 import {
-  Input,
-  Select,
-  Radio,
-  Checkbox,
   AutoComplete,
   Cascader,
+  Checkbox,
   DatePicker,
+  Divider,
+  Input,
   InputNumber,
+  Radio,
+  Rate,
+  Select,
+  Slider,
   Switch,
   TimePicker,
   TreeSelect,
-  Slider,
-  Rate,
-  Divider,
 } from 'ant-design-vue';
+import type { Component } from 'vue';
 
+import { CountdownInput } from '@/components/CountDown';
+import { IconPicker } from '@/components/Icon';
+import { StrengthMeter } from '@/components/StrengthMeter';
+import { Tinymce } from '@/components/Tinymce';
+import { BasicUpload } from '@/components/Upload';
+
+import ApiCascader from './components/ApiCascader.vue';
 import ApiRadioGroup from './components/ApiRadioGroup.vue';
-import RadioButtonGroup from './components/RadioButtonGroup.vue';
 import ApiSelect from './components/ApiSelect.vue';
+import ApiTransfer from './components/ApiTransfer.vue';
 import ApiTree from './components/ApiTree.vue';
 import ApiTreeSelect from './components/ApiTreeSelect.vue';
-import ApiCascader from './components/ApiCascader.vue';
-import ApiTransfer from './components/ApiTransfer.vue';
-import { BasicUpload } from '@/components/Upload';
-import { StrengthMeter } from '@/components/StrengthMeter';
-import { IconPicker } from '@/components/Icon';
-import { CountdownInput } from '@/components/CountDown';
-import { Tinymce } from '@/components/Tinymce';
+import RadioButtonGroup from './components/RadioButtonGroup.vue';
+import type { ComponentType } from './types';
 
 const componentMap = new Map<ComponentType, Component>();
 
diff --git a/src/components/Form/src/components/ApiCascader.vue b/src/components/Form/src/components/ApiCascader.vue
index 3728f68e6..b7865ced9 100644
--- a/src/components/Form/src/components/ApiCascader.vue
+++ b/src/components/Form/src/components/ApiCascader.vue
@@ -4,13 +4,13 @@
     :options="options"
     :load-data="loadData"
     change-on-select
-    @change="handleChange"
     :displayRender="handleRenderDisplay"
+    @change="handleChange"
   >
-    <template #suffixIcon v-if="loading">
+    <template v-if="loading" #suffixIcon>
       <LoadingOutlined spin />
     </template>
-    <template #notFoundContent v-if="loading">
+    <template v-if="loading" #notFoundContent>
       <span>
         <LoadingOutlined spin class="mr-1" />
         {{ t('component.form.apiSelectNotFound') }}
@@ -19,14 +19,15 @@
   </Cascader>
 </template>
 <script lang="ts" setup name="ApiCascader">
-import { ref, unref, watch, watchEffect } from 'vue';
-import { Cascader } from 'ant-design-vue';
-import { propTypes } from '@/utils/propTypes';
-import { isFunction } from '@/utils/is';
-import { get, omit } from 'lodash-es';
-import { useRuleFormItem } from '@/hooks/component/useFormItem';
 import { LoadingOutlined } from '@ant-design/icons-vue';
+import { Cascader } from 'ant-design-vue';
+import { get, omit } from 'lodash-es';
+import { ref, unref, watch, watchEffect } from 'vue';
+
+import { useRuleFormItem } from '@/hooks/component/useFormItem';
 import { useI18n } from '@/hooks/web/useI18n';
+import { isFunction } from '@/utils/is';
+import { propTypes } from '@/utils/propTypes';
 
 interface Option {
   value: string;
diff --git a/src/components/Form/src/components/ApiRadioGroup.vue b/src/components/Form/src/components/ApiRadioGroup.vue
index 7741174b0..42e869c97 100644
--- a/src/components/Form/src/components/ApiRadioGroup.vue
+++ b/src/components/Form/src/components/ApiRadioGroup.vue
@@ -14,17 +14,23 @@
   </RadioGroup>
 </template>
 <script lang="ts" setup name="ApiRadioGroup">
-import { ref, watchEffect, computed, unref, watch } from 'vue';
 import { Radio } from 'ant-design-vue';
-import { isFunction } from '@/utils/is';
+import { get, omit } from 'lodash-es';
+import { computed, ref, unref, watch, watchEffect } from 'vue';
+
 import { useRuleFormItem } from '@/hooks/component/useFormItem';
 import { useAttrs } from '@/hooks/core/useAttrs';
+import { isFunction } from '@/utils/is';
 import { propTypes } from '@/utils/propTypes';
-import { get, omit } from 'lodash-es';
+
 const RadioButton = Radio.Button;
 const RadioGroup = Radio.Group;
 
-type OptionsItem = { label: string; value: string | number | boolean; disabled?: boolean };
+interface OptionsItem {
+  label: string;
+  value: string | number | boolean;
+  disabled?: boolean;
+}
 
 const props = defineProps({
   api: {
diff --git a/src/components/Form/src/components/ApiSelect.vue b/src/components/Form/src/components/ApiSelect.vue
index d38344e87..57df34476 100644
--- a/src/components/Form/src/components/ApiSelect.vue
+++ b/src/components/Form/src/components/ApiSelect.vue
@@ -1,12 +1,12 @@
 <template>
-  <Select @dropdown-visible-change="handleFetch" v-bind="attrs" @change="handleChange" :options="getOptions" v-model:value="state">
-    <template #[item]="data" v-for="item in Object.keys($slots)">
+  <Select v-bind="attrs" v-model:value="state" :options="getOptions" @dropdown-visible-change="handleFetch" @change="handleChange">
+    <template v-for="item in Object.keys($slots)" #[item]="data">
       <slot :name="item" v-bind="data || {}"></slot>
     </template>
-    <template #suffixIcon v-if="loading">
+    <template v-if="loading" #suffixIcon>
       <LoadingOutlined spin />
     </template>
-    <template #notFoundContent v-if="loading">
+    <template v-if="loading" #notFoundContent>
       <span>
         <LoadingOutlined spin class="mr-1" />
         {{ t('component.form.apiSelectNotFound') }}
@@ -15,18 +15,23 @@
   </Select>
 </template>
 <script lang="ts" setup name="ApiSelect" inheritAttrs="false">
-import { ref, watchEffect, computed, unref, watch } from 'vue';
+import { LoadingOutlined } from '@ant-design/icons-vue';
 import { Select } from 'ant-design-vue';
-import { isFunction } from '@/utils/is';
+import { SelectValue } from 'ant-design-vue/lib/select';
+import { get, omit } from 'lodash-es';
+import { computed, ref, unref, watch, watchEffect } from 'vue';
+
 import { useRuleFormItem } from '@/hooks/component/useFormItem';
 import { useAttrs } from '@/hooks/core/useAttrs';
-import { get, omit } from 'lodash-es';
-import { LoadingOutlined } from '@ant-design/icons-vue';
 import { useI18n } from '@/hooks/web/useI18n';
+import { isFunction } from '@/utils/is';
 import { propTypes } from '@/utils/propTypes';
-import { SelectValue } from 'ant-design-vue/lib/select';
 
-type OptionsItem = { label: string; value: string; disabled?: boolean };
+interface OptionsItem {
+  label: string;
+  value: string;
+  disabled?: boolean;
+}
 
 const props = defineProps({
   value: {
diff --git a/src/components/Form/src/components/ApiTransfer.vue b/src/components/Form/src/components/ApiTransfer.vue
index b3d1b0c9c..c90cd7d6b 100644
--- a/src/components/Form/src/components/ApiTransfer.vue
+++ b/src/components/Form/src/components/ApiTransfer.vue
@@ -12,12 +12,13 @@
   />
 </template>
 <script lang="ts" setup name="ApiTransfer">
-import { computed, watch, ref, unref, useAttrs, watchEffect } from 'vue';
 import { Transfer } from 'ant-design-vue';
-import { isFunction } from '@/utils/is';
-import { get, omit } from 'lodash-es';
-import { propTypes } from '@/utils/propTypes';
 import { TransferDirection, TransferItem } from 'ant-design-vue/lib/transfer';
+import { get, omit } from 'lodash-es';
+import { computed, ref, unref, useAttrs, watch, watchEffect } from 'vue';
+
+import { isFunction } from '@/utils/is';
+import { propTypes } from '@/utils/propTypes';
 
 const props = defineProps({
   value: { type: Array as PropType<Array<string>> },
diff --git a/src/components/Form/src/components/ApiTree.vue b/src/components/Form/src/components/ApiTree.vue
index 6e8ff2505..bded4b3b1 100644
--- a/src/components/Form/src/components/ApiTree.vue
+++ b/src/components/Form/src/components/ApiTree.vue
@@ -1,20 +1,21 @@
 <template>
   <Tree v-bind="getAttrs" @change="handleChange">
-    <template #[item]="data" v-for="item in Object.keys(slots)">
+    <template v-for="item in Object.keys(slots)" #[item]="data">
       <slot :name="item" v-bind="data || {}"></slot>
     </template>
-    <template #suffixIcon v-if="loading">
+    <template v-if="loading" #suffixIcon>
       <LoadingOutlined spin />
     </template>
   </Tree>
 </template>
 <script lang="ts" setup name="ApiTree">
-import { computed, watch, ref, onMounted, unref, useSlots, useAttrs } from 'vue';
-import { Tree } from 'ant-design-vue';
-import { isArray, isFunction } from '@/utils/is';
-import { get } from 'lodash-es';
-import { propTypes } from '@/utils/propTypes';
 import { LoadingOutlined } from '@ant-design/icons-vue';
+import { Tree } from 'ant-design-vue';
+import { get } from 'lodash-es';
+import { computed, onMounted, ref, unref, useAttrs, useSlots, watch } from 'vue';
+
+import { isArray, isFunction } from '@/utils/is';
+import { propTypes } from '@/utils/propTypes';
 import { handleTree } from '@/utils/tree';
 
 const props = defineProps({
@@ -30,7 +31,7 @@ const attrs = useAttrs();
 const slots = useSlots();
 
 const treeData = ref<Recordable[]>([]);
-const isFirstLoaded = ref<Boolean>(false);
+const isFirstLoaded = ref<boolean>(false);
 const loading = ref(false);
 const getAttrs = computed(() => {
   return {
diff --git a/src/components/Form/src/components/ApiTreeSelect.vue b/src/components/Form/src/components/ApiTreeSelect.vue
index ede7e2537..669392c2d 100644
--- a/src/components/Form/src/components/ApiTreeSelect.vue
+++ b/src/components/Form/src/components/ApiTreeSelect.vue
@@ -1,20 +1,21 @@
 <template>
   <TreeSelect v-bind="getAttrs" @change="handleChange">
-    <template #[item]="data" v-for="item in Object.keys($slots)">
+    <template v-for="item in Object.keys($slots)" #[item]="data">
       <slot :name="item" v-bind="data || {}"></slot>
     </template>
-    <template #suffixIcon v-if="loading">
+    <template v-if="loading" #suffixIcon>
       <LoadingOutlined spin />
     </template>
   </TreeSelect>
 </template>
 <script lang="ts" setup name="ApiTreeSelect">
-import { computed, watch, ref, onMounted, unref, useAttrs } from 'vue';
-import { TreeSelect } from 'ant-design-vue';
-import { isArray, isFunction } from '@/utils/is';
-import { get } from 'lodash-es';
-import { propTypes } from '@/utils/propTypes';
 import { LoadingOutlined } from '@ant-design/icons-vue';
+import { TreeSelect } from 'ant-design-vue';
+import { get } from 'lodash-es';
+import { computed, onMounted, ref, unref, useAttrs, watch } from 'vue';
+
+import { isArray, isFunction } from '@/utils/is';
+import { propTypes } from '@/utils/propTypes';
 import { handleTree } from '@/utils/tree';
 
 const props = defineProps({
@@ -29,7 +30,7 @@ const emit = defineEmits(['options-change', 'change']);
 const attrs = useAttrs();
 
 const treeData = ref<Recordable[]>([]);
-const isFirstLoaded = ref<Boolean>(false);
+const isFirstLoaded = ref<boolean>(false);
 const loading = ref(false);
 const getAttrs = computed(() => {
   return {
diff --git a/src/components/Form/src/components/FormAction.vue b/src/components/Form/src/components/FormAction.vue
index c7648b083..e3d850282 100644
--- a/src/components/Form/src/components/FormAction.vue
+++ b/src/components/Form/src/components/FormAction.vue
@@ -1,19 +1,19 @@
 <template>
-  <Col v-bind="actionColOpt" v-if="showActionButtonGroup">
+  <Col v-if="showActionButtonGroup" v-bind="actionColOpt">
     <div style="width: 100%" :style="{ textAlign: actionColOpt.style.textAlign }">
       <FormItem>
         <slot name="resetBefore"></slot>
-        <Button type="default" class="mr-2" v-bind="getResetBtnOptions" @click="resetAction" v-if="showResetButton">
+        <Button v-if="showResetButton" type="default" class="mr-2" v-bind="getResetBtnOptions" @click="resetAction">
           {{ getResetBtnOptions.text }}
         </Button>
         <slot name="submitBefore"></slot>
 
-        <Button type="primary" class="mr-2" v-bind="getSubmitBtnOptions" @click="submitAction" v-if="showSubmitButton">
+        <Button v-if="showSubmitButton" type="primary" class="mr-2" v-bind="getSubmitBtnOptions" @click="submitAction">
           {{ getSubmitBtnOptions.text }}
         </Button>
 
         <slot name="advanceBefore"></slot>
-        <Button type="link" size="small" @click="toggleAdvanced" v-if="showAdvancedButton && !hideAdvanceBtn">
+        <Button v-if="showAdvancedButton && !hideAdvanceBtn" type="link" size="small" @click="toggleAdvanced">
           {{ isAdvanced ? t('component.form.putAway') : t('component.form.unfold') }}
           <BasicArrow class="ml-1" :expand="!isAdvanced" up />
         </Button>
@@ -23,16 +23,18 @@
   </Col>
 </template>
 <script lang="ts" setup name="BasicFormAction">
-import type { ColEx } from '../types';
+import { Col, Form } from 'ant-design-vue';
 //import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
 import { computed } from 'vue';
-import { Form, Col } from 'ant-design-vue';
-import { Button, ButtonProps } from '@/components/Button';
+
 import { BasicArrow } from '@/components/Basic';
-import { useFormContext } from '../hooks/useFormContext';
+import { Button, ButtonProps } from '@/components/Button';
 import { useI18n } from '@/hooks/web/useI18n';
 import { propTypes } from '@/utils/propTypes';
 
+import { useFormContext } from '../hooks/useFormContext';
+import type { ColEx } from '../types';
+
 type ButtonOptions = Partial<ButtonProps> & { text: string };
 
 const FormItem = Form.Item;
diff --git a/src/components/Form/src/components/FormItem.vue b/src/components/Form/src/components/FormItem.vue
index 4ab9b1dd7..ef1840588 100644
--- a/src/components/Form/src/components/FormItem.vue
+++ b/src/components/Form/src/components/FormItem.vue
@@ -1,18 +1,20 @@
 <script lang="tsx">
+import { Col, Divider, Form } from 'ant-design-vue';
+import type { Rule } from 'ant-design-vue/lib/form';
+import { cloneDeep, upperFirst } from 'lodash-es';
 import type { Ref } from 'vue';
 import { computed, defineComponent, toRefs, unref } from 'vue';
-import type { FormActionType, FormProps, FormSchema } from '../types/form';
-import type { Rule } from 'ant-design-vue/lib/form';
-import type { TableActionType } from '@/components/Table';
-import { Col, Divider, Form } from 'ant-design-vue';
-import { componentMap } from '../componentMap';
+
 import { BasicHelp } from '@/components/Basic';
-import { isBoolean, isFunction, isNull } from '@/utils/is';
-import { getSlot } from '@/utils/helper/tsxHelper';
-import { createPlaceholderMessage, NO_AUTO_LINK_COMPONENTS, setComponentRuleType } from '../helper';
-import { cloneDeep, upperFirst } from 'lodash-es';
-import { useItemLabelWidth } from '../hooks/useLabelWidth';
+import type { TableActionType } from '@/components/Table';
 import { useI18n } from '@/hooks/web/useI18n';
+import { getSlot } from '@/utils/helper/tsxHelper';
+import { isBoolean, isFunction, isNull } from '@/utils/is';
+
+import { componentMap } from '../componentMap';
+import { createPlaceholderMessage, NO_AUTO_LINK_COMPONENTS, setComponentRuleType } from '../helper';
+import { useItemLabelWidth } from '../hooks/useLabelWidth';
+import type { FormActionType, FormProps, FormSchema } from '../types/form';
 
 export default defineComponent({
   name: 'BasicFormItem',
@@ -69,7 +71,7 @@ export default defineComponent({
           ...allDefaultValues,
           ...formModel,
         } as Recordable,
-        schema: schema,
+        schema,
       };
     });
 
diff --git a/src/components/Form/src/components/RadioButtonGroup.vue b/src/components/Form/src/components/RadioButtonGroup.vue
index 199cd0c63..27475482f 100644
--- a/src/components/Form/src/components/RadioButtonGroup.vue
+++ b/src/components/Form/src/components/RadioButtonGroup.vue
@@ -11,16 +11,21 @@
   </RadioGroup>
 </template>
 <script lang="ts" setup name="RadioButtonGroup">
-import { computed, ref } from 'vue';
 import { Radio } from 'ant-design-vue';
-import { isString } from '@/utils/is';
+import { computed, ref } from 'vue';
+
 import { useRuleFormItem } from '@/hooks/component/useFormItem';
 import { useAttrs } from '@/hooks/core/useAttrs';
+import { isString } from '@/utils/is';
 
 const RadioButton = Radio.Button;
 const RadioGroup = Radio.Group;
 
-type OptionsItem = { label: string; value: string | number | boolean; disabled?: boolean };
+interface OptionsItem {
+  label: string;
+  value: string | number | boolean;
+  disabled?: boolean;
+}
 type RadioItem = string | OptionsItem;
 
 const emits = defineEmits(['change']);
diff --git a/src/components/Form/src/helper.ts b/src/components/Form/src/helper.ts
index 9b7fd9db2..c9e25beab 100644
--- a/src/components/Form/src/helper.ts
+++ b/src/components/Form/src/helper.ts
@@ -1,9 +1,11 @@
 import type { Rule } from 'ant-design-vue/lib/form';
-import type { ComponentType } from './types';
+
 import { useI18n } from '@/hooks/web/useI18n';
 import { dateUtil } from '@/utils/dateUtil';
 import { isNumber, isObject } from '@/utils/is';
 
+import type { ComponentType } from './types';
+
 const { t } = useI18n();
 
 /**
diff --git a/src/components/Form/src/hooks/useAdvanced.ts b/src/components/Form/src/hooks/useAdvanced.ts
index 833869bd0..265f359a1 100644
--- a/src/components/Form/src/hooks/useAdvanced.ts
+++ b/src/components/Form/src/hooks/useAdvanced.ts
@@ -1,10 +1,12 @@
-import type { ColEx } from '../types';
-import type { AdvanceState } from '../types/hooks';
-import { ComputedRef, getCurrentInstance, Ref, shallowReactive, computed, unref, watch } from 'vue';
-import type { FormProps, FormSchema } from '../types/form';
-import { isBoolean, isFunction, isNumber, isObject } from '@/utils/is';
-import { useBreakpoint } from '@/hooks/event/useBreakpoint';
 import { useDebounceFn } from '@vueuse/core';
+import { computed, ComputedRef, getCurrentInstance, Ref, shallowReactive, unref, watch } from 'vue';
+
+import { useBreakpoint } from '@/hooks/event/useBreakpoint';
+import { isBoolean, isFunction, isNumber, isObject } from '@/utils/is';
+
+import type { ColEx } from '../types';
+import type { FormProps, FormSchema } from '../types/form';
+import type { AdvanceState } from '../types/hooks';
 
 const BASIC_COL_LEN = 24;
 
@@ -119,7 +121,7 @@ export default function ({ advanceState, emit, getProps, getSchema, formModel, d
 
       if (isFunction(show)) {
         isShow = show({
-          schema: schema,
+          schema,
           model: formModel,
           field: schema.field,
           values: {
diff --git a/src/components/Form/src/hooks/useAutoFocus.ts b/src/components/Form/src/hooks/useAutoFocus.ts
index 85dcc2fa6..716402b90 100644
--- a/src/components/Form/src/hooks/useAutoFocus.ts
+++ b/src/components/Form/src/hooks/useAutoFocus.ts
@@ -1,7 +1,7 @@
 import type { ComputedRef, Ref } from 'vue';
-import type { FormSchema, FormActionType, FormProps } from '../types/form';
+import { nextTick, unref, watchEffect } from 'vue';
 
-import { unref, nextTick, watchEffect } from 'vue';
+import type { FormActionType, FormProps, FormSchema } from '../types/form';
 
 interface UseAutoFocusContext {
   getSchema: ComputedRef<FormSchema[]>;
diff --git a/src/components/Form/src/hooks/useComponentRegister.ts b/src/components/Form/src/hooks/useComponentRegister.ts
index e60d980cc..50b08043e 100644
--- a/src/components/Form/src/hooks/useComponentRegister.ts
+++ b/src/components/Form/src/hooks/useComponentRegister.ts
@@ -1,8 +1,9 @@
-import type { ComponentType } from '../types';
 import { tryOnUnmounted } from '@vueuse/core';
-import { add, del } from '../componentMap';
 import type { Component } from 'vue';
 
+import { add, del } from '../componentMap';
+import type { ComponentType } from '../types';
+
 export function useComponentRegister(compName: ComponentType, comp: Component) {
   add(compName, comp);
   tryOnUnmounted(() => {
diff --git a/src/components/Form/src/hooks/useForm.ts b/src/components/Form/src/hooks/useForm.ts
index eccb68f58..c70adcca2 100644
--- a/src/components/Form/src/hooks/useForm.ts
+++ b/src/components/Form/src/hooks/useForm.ts
@@ -1,10 +1,12 @@
-import type { FormProps, FormActionType, UseFormReturnType, FormSchema } from '../types/form';
 import type { NamePath } from 'ant-design-vue/lib/form/interface';
-import type { DynamicProps } from '@/types/utils';
-import { ref, onUnmounted, unref, nextTick, watch } from 'vue';
+import { nextTick, onUnmounted, ref, unref, watch } from 'vue';
+
+import { getDynamicProps } from '@/utils';
 import { isProdMode } from '@/utils/env';
 import { error } from '@/utils/log';
-import { getDynamicProps } from '@/utils';
+import type { DynamicProps } from '#/utils';
+
+import type { FormActionType, FormProps, FormSchema, UseFormReturnType } from '../types/form';
 
 export declare type ValidateFields = (nameList?: NamePath[]) => Promise<Recordable>;
 
diff --git a/src/components/Form/src/hooks/useFormContext.ts b/src/components/Form/src/hooks/useFormContext.ts
index 099613260..4784ba11b 100644
--- a/src/components/Form/src/hooks/useFormContext.ts
+++ b/src/components/Form/src/hooks/useFormContext.ts
@@ -1,4 +1,5 @@
 import type { InjectionKey } from 'vue';
+
 import { createContext, useContext } from '@/hooks/core/useContext';
 
 export interface FormContextProps {
diff --git a/src/components/Form/src/hooks/useFormEvents.ts b/src/components/Form/src/hooks/useFormEvents.ts
index de35b9737..27c091a28 100644
--- a/src/components/Form/src/hooks/useFormEvents.ts
+++ b/src/components/Form/src/hooks/useFormEvents.ts
@@ -1,14 +1,16 @@
-import type { ComputedRef, Ref } from 'vue';
-import type { FormProps, FormSchema, FormActionType } from '../types/form';
 import type { NamePath } from 'ant-design-vue/lib/form/interface';
-import { unref, toRaw, nextTick } from 'vue';
-import { isArray, isFunction, isObject, isString, isDef, isNullOrUnDef, isEmpty } from '@/utils/is';
+import { cloneDeep, get, set, uniqBy } from 'lodash-es';
+import type { ComputedRef, Ref } from 'vue';
+import { nextTick, toRaw, unref } from 'vue';
+
 import { deepMerge } from '@/utils';
-import { dateItemType, handleInputNumberValue, defaultValueComponents } from '../helper';
 import { dateUtil } from '@/utils/dateUtil';
-import { cloneDeep, set, uniqBy, get } from 'lodash-es';
+import { isArray, isDef, isEmpty, isFunction, isNullOrUnDef, isObject, isString } from '@/utils/is';
 import { error } from '@/utils/log';
 
+import { dateItemType, defaultValueComponents, handleInputNumberValue } from '../helper';
+import type { FormActionType, FormProps, FormSchema } from '../types/form';
+
 interface UseFormActionContext {
   emit: EmitType;
   getProps: ComputedRef<FormProps>;
diff --git a/src/components/Form/src/hooks/useFormValues.ts b/src/components/Form/src/hooks/useFormValues.ts
index a7d781bdf..074078ebd 100644
--- a/src/components/Form/src/hooks/useFormValues.ts
+++ b/src/components/Form/src/hooks/useFormValues.ts
@@ -1,9 +1,11 @@
-import { isArray, isFunction, isObject, isString, isNullOrUnDef } from '@/utils/is';
-import { dateUtil } from '@/utils/dateUtil';
-import { unref } from 'vue';
-import type { Ref, ComputedRef } from 'vue';
-import type { FormProps, FormSchema } from '../types/form';
 import { cloneDeep, set } from 'lodash-es';
+import type { ComputedRef, Ref } from 'vue';
+import { unref } from 'vue';
+
+import { dateUtil } from '@/utils/dateUtil';
+import { isArray, isFunction, isNullOrUnDef, isObject, isString } from '@/utils/is';
+
+import type { FormProps, FormSchema } from '../types/form';
 
 interface UseFormValuesContext {
   defaultValueRef: Ref<any>;
diff --git a/src/components/Form/src/hooks/useLabelWidth.ts b/src/components/Form/src/hooks/useLabelWidth.ts
index 3eb96ad9e..ef83b07bb 100644
--- a/src/components/Form/src/hooks/useLabelWidth.ts
+++ b/src/components/Form/src/hooks/useLabelWidth.ts
@@ -1,8 +1,10 @@
 import type { Ref } from 'vue';
 import { computed, unref } from 'vue';
-import type { FormProps, FormSchema } from '../types/form';
+
 import { isNumber } from '@/utils/is';
 
+import type { FormProps, FormSchema } from '../types/form';
+
 export function useItemLabelWidth(schemaItemRef: Ref<FormSchema>, propsRef: Ref<FormProps>) {
   return computed(() => {
     const schemaItem = unref(schemaItemRef);
diff --git a/src/components/Form/src/props.ts b/src/components/Form/src/props.ts
index 8bfb6659c..06896db69 100644
--- a/src/components/Form/src/props.ts
+++ b/src/components/Form/src/props.ts
@@ -1,11 +1,13 @@
-import type { FieldMapToTime, FormSchema } from './types/form';
-import type { CSSProperties } from 'vue';
-import type { ColEx } from './types';
-import type { TableActionType } from '@/components/Table';
 import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
 import type { RowProps } from 'ant-design-vue/lib/grid/Row';
+import type { CSSProperties } from 'vue';
+
+import type { TableActionType } from '@/components/Table';
 import { propTypes } from '@/utils/propTypes';
 
+import type { ColEx } from './types';
+import type { FieldMapToTime, FormSchema } from './types/form';
+
 export const basicProps = {
   model: {
     type: Object as PropType<Recordable>,
diff --git a/src/components/Form/src/types/form.ts b/src/components/Form/src/types/form.ts
index 163f6c311..00231cdba 100644
--- a/src/components/Form/src/types/form.ts
+++ b/src/components/Form/src/types/form.ts
@@ -1,11 +1,12 @@
 import type { NamePath, RuleObject } from 'ant-design-vue/lib/form/interface';
-import type { VNode } from 'vue';
+import type { RowProps } from 'ant-design-vue/lib/grid/Row';
+import type { CSSProperties, VNode } from 'vue';
+
 import type { ButtonProps as AntdButtonProps } from '@/components/Button';
+import type { TableActionType } from '@/components/Table/src/types/table';
+
 import type { FormItem } from './formItem';
 import type { ColEx, ComponentType } from './index';
-import type { TableActionType } from '@/components/Table/src/types/table';
-import type { CSSProperties } from 'vue';
-import type { RowProps } from 'ant-design-vue/lib/grid/Row';
 
 export type FieldMapToTime = [string, [string, string], (string | [string, string])?][];
 
diff --git a/src/components/FormDesign/index.ts b/src/components/FormDesign/index.ts
index f1bfb0a10..8bbd08da5 100644
--- a/src/components/FormDesign/index.ts
+++ b/src/components/FormDesign/index.ts
@@ -1,4 +1,4 @@
-import VFormDesign from './src/components/VFormDesign/index.vue';
 import VFormCreate from './src/components/VFormCreate/index.vue';
+import VFormDesign from './src/components/VFormDesign/index.vue';
 
-export { VFormDesign, VFormCreate };
+export { VFormCreate, VFormDesign };
diff --git a/src/components/FormDesign/src/components/VFormCreate/components/FormRender.vue b/src/components/FormDesign/src/components/VFormCreate/components/FormRender.vue
index 6566a74a1..57c49ee36 100644
--- a/src/components/FormDesign/src/components/VFormCreate/components/FormRender.vue
+++ b/src/components/FormDesign/src/components/VFormCreate/components/FormRender.vue
@@ -1,7 +1,7 @@
 <template>
   <template v-if="['Grid'].includes(schema.component)">
     <Row class="grid-row">
-      <Col class="grid-col" v-for="(colItem, index) in schema.columns" :key="index" :span="colItem.span">
+      <Col v-for="(colItem, index) in schema.columns" :key="index" class="grid-col" :span="colItem.span">
         <FormRender
           v-for="(item, k) in colItem.children"
           :key="k"
@@ -29,10 +29,11 @@
   </VFormItem>
 </template>
 <script lang="ts">
+import { Col, Row } from 'ant-design-vue';
 import { defineComponent, PropType } from 'vue';
-import { IVFormComponent, IFormConfig } from '../../../typings/v-form-component';
+
+import { IFormConfig, IVFormComponent } from '../../../typings/v-form-component';
 import VFormItem from '../../VFormItem/index.vue';
-import { Row, Col } from 'ant-design-vue';
 
 export default defineComponent({
   name: 'FormRender',
diff --git a/src/components/FormDesign/src/components/VFormCreate/index.vue b/src/components/FormDesign/src/components/VFormCreate/index.vue
index 09deaa4c5..92da697bf 100644
--- a/src/components/FormDesign/src/components/VFormCreate/index.vue
+++ b/src/components/FormDesign/src/components/VFormCreate/index.vue
@@ -3,7 +3,7 @@
 -->
 <template>
   <div class="v-form-container">
-    <Form class="v-form-model" ref="eFormModel" :model="formModel" v-bind="formModelProps">
+    <Form ref="eFormModel" class="v-form-model" :model="formModel" v-bind="formModelProps">
       <Row>
         <FormRender
           v-for="(schema, index) of noHiddenList"
@@ -11,8 +11,8 @@
           :schema="schema"
           :formConfig="formConfig"
           :formData="formModelNew"
-          @change="handleChange"
           :setFormModel="setFormModel"
+          @change="handleChange"
           @submit="handleSubmit"
           @reset="resetFields"
         >
@@ -25,14 +25,15 @@
   </div>
 </template>
 <script lang="ts">
+import { useVModel } from '@vueuse/core';
+import { Col, Form, Row } from 'ant-design-vue';
+import { omit } from 'lodash-es';
 import { computed, defineComponent, PropType, provide, ref, unref } from 'vue';
-import FormRender from './components/FormRender.vue';
-import { IFormConfig, AForm } from '../../typings/v-form-component';
-import { Form, Row, Col } from 'ant-design-vue';
+
 import { useFormInstanceMethods } from '../../hooks/useFormInstanceMethods';
 import { IProps, IVFormMethods, useVFormMethods } from '../../hooks/useVFormMethods';
-import { useVModel } from '@vueuse/core';
-import { omit } from 'lodash-es';
+import { AForm, IFormConfig } from '../../typings/v-form-component';
+import FormRender from './components/FormRender.vue';
 
 export default defineComponent({
   name: 'VFormCreate',
@@ -115,7 +116,7 @@ export default defineComponent({
       formModelNew.value[key] = value;
     };
 
-    provide<(key: String, value: any) => void>('setFormModelMethod', setFormModel);
+    provide<(key: string, value: any) => void>('setFormModelMethod', setFormModel);
 
     // 把祖先组件的方法项注入到子组件中，子组件可通过inject获取
     return {
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/CodeModal.vue b/src/components/FormDesign/src/components/VFormDesign/components/CodeModal.vue
index d2ba06a05..87e70411b 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/CodeModal.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/CodeModal.vue
@@ -6,21 +6,22 @@
     title="代码"
     :footer="null"
     :visible="visible"
-    @cancel="visible = false"
     wrapClassName="v-code-modal"
     style="top: 20px"
     width="850px"
     :destroyOnClose="true"
+    @cancel="visible = false"
   >
     <PreviewCode :editorJson="editorVueJson" fileFormat="vue" />
   </Modal>
 </template>
 <script lang="ts">
+import { Modal } from 'ant-design-vue';
 import { computed, defineComponent, reactive, toRefs } from 'vue';
+
+import { IFormConfig } from '../../../typings/v-form-component';
 import { formatRules, removeAttrs } from '../../../utils';
 import PreviewCode from './PreviewCode.vue';
-import { IFormConfig } from '../../../typings/v-form-component';
-import { Modal } from 'ant-design-vue';
 
 const codeVueFront = `<template>
   <div>
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/ComponentProps.vue b/src/components/FormDesign/src/components/VFormDesign/components/ComponentProps.vue
index 3abbaef35..aad95fdb9 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/ComponentProps.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/ComponentProps.vue
@@ -3,8 +3,8 @@
 -->
 <template>
   <div class="properties-content">
-    <div class="properties-body" v-if="formConfig.currentItem">
-      <Empty class="hint-box" v-if="!formConfig.currentItem.key" description="未选择组件" />
+    <div v-if="formConfig.currentItem" class="properties-body">
+      <Empty v-if="!formConfig.currentItem.key" class="hint-box" description="未选择组件" />
 
       <Form label-align="left" layout="vertical">
         <!--    循环遍历渲染组件属性      -->
@@ -15,20 +15,20 @@
 
             <div v-if="item.children">
               <component
-                v-for="(child, index) of item.children"
-                :key="index"
                 v-bind="child.componentProps"
                 :is="child.component"
+                v-for="(child, index) of item.children"
+                :key="index"
                 v-model:value="formConfig.currentItem.componentProps[item.name][index]"
               />
             </div>
             <!--     如果不是数组，则正常处理属性值       -->
             <component
-              v-else
-              class="component-prop"
               v-bind="item.componentProps"
               :is="item.component"
+              v-else
               v-model:value="formConfig.currentItem.componentProps[item.name]"
+              class="component-prop"
             />
           </FormItem>
           <FormItem label="控制属性">
@@ -44,19 +44,19 @@
           </FormItem>
         </div>
         <FormItem label="关联字段">
-          <Select mode="multiple" v-model:value="formConfig.currentItem['link']" :options="linkOptions" />
+          <Select v-model:value="formConfig.currentItem['link']" mode="multiple" :options="linkOptions" />
         </FormItem>
 
         <FormItem
-          label="选项"
           v-if="
             ['Select', 'CheckboxGroup', 'RadioGroup', 'TreeSelect', 'Cascader', 'AutoComplete'].includes(formConfig.currentItem.component)
           "
+          label="选项"
         >
           <FormOptions />
         </FormItem>
 
-        <FormItem label="栅格" v-if="['Grid'].includes(formConfig.currentItem.component)">
+        <FormItem v-if="['Grid'].includes(formConfig.currentItem.component)" label="栅格">
           <FormOptions />
         </FormItem>
       </Form>
@@ -64,20 +64,21 @@
   </div>
 </template>
 <script lang="ts">
-import { Empty, Input, Form, FormItem, Switch, Checkbox, Select, InputNumber, RadioGroup } from 'ant-design-vue';
-import RadioButtonGroup from '@/components/Form/src/components/RadioButtonGroup.vue';
-import { Col, Row } from 'ant-design-vue';
+import { Checkbox, Col, Empty, Form, FormItem, Input, InputNumber, RadioGroup, Row, Select, Switch } from 'ant-design-vue';
 import { computed, defineComponent, ref, watch } from 'vue';
+
+import RadioButtonGroup from '@/components/Form/src/components/RadioButtonGroup.vue';
+
 import { useFormDesignState } from '../../../hooks/useFormDesignState';
+import { formItemsForEach, remove } from '../../../utils';
 import {
-  baseComponentControlAttrs,
   baseComponentAttrs,
   baseComponentCommonAttrs,
+  baseComponentControlAttrs,
   componentPropsFuncs,
 } from '../../VFormDesign/config/componentPropsConfig';
-import FormOptions from './FormOptions.vue';
-import { formItemsForEach, remove } from '../../../utils';
 import { IBaseFormAttrs } from '../config/formItemPropsConfig';
+import FormOptions from './FormOptions.vue';
 
 export default defineComponent({
   name: 'ComponentProps',
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/FormItemColumnProps.vue b/src/components/FormDesign/src/components/VFormDesign/components/FormItemColumnProps.vue
index 28bd66489..9d6a4f993 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/FormItemColumnProps.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/FormItemColumnProps.vue
@@ -3,17 +3,17 @@
 -->
 <template>
   <div class="properties-content">
-    <div class="properties-body" v-if="formConfig.currentItem">
-      <Empty class="hint-box" v-if="!formConfig.currentItem.key" description="未选择控件" />
+    <div v-if="formConfig.currentItem" class="properties-body">
+      <Empty v-if="!formConfig.currentItem.key" class="hint-box" description="未选择控件" />
       <Form v-else label-align="left" layout="vertical">
         <div v-for="item of baseItemColumnProps" :key="item.name">
-          <FormItem :label="item.label" v-if="showProps(item.exclude)">
+          <FormItem v-if="showProps(item.exclude)" :label="item.label">
             <component
-              v-if="formConfig.currentItem.colProps"
-              class="component-props"
               v-bind="item.componentProps"
               :is="item.component"
+              v-if="formConfig.currentItem.colProps"
               v-model:value="formConfig.currentItem.colProps[item.name]"
+              class="component-props"
             />
           </FormItem>
         </div>
@@ -22,13 +22,13 @@
   </div>
 </template>
 <script lang="ts">
-import { defineComponent } from 'vue';
-import { baseItemColumnProps } from '../config/formItemPropsConfig';
-
-import { Empty, Input, Form, FormItem, Switch, Checkbox, Select, Slider } from 'ant-design-vue';
-import RuleProps from './RuleProps.vue';
-import { useFormDesignState } from '../../../hooks/useFormDesignState';
+import { Checkbox, Empty, Form, FormItem, Input, Select, Slider, Switch } from 'ant-design-vue';
 import { isArray } from 'lodash-es';
+import { defineComponent } from 'vue';
+
+import { useFormDesignState } from '../../../hooks/useFormDesignState';
+import { baseItemColumnProps } from '../config/formItemPropsConfig';
+import RuleProps from './RuleProps.vue';
 
 export default defineComponent({
   name: 'FormItemProps',
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/FormItemProps.vue b/src/components/FormDesign/src/components/VFormDesign/components/FormItemProps.vue
index c7f1bc561..e1896dac9 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/FormItemProps.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/FormItemProps.vue
@@ -3,46 +3,46 @@
 -->
 <template>
   <div class="properties-content">
-    <div class="properties-body" v-if="formConfig.currentItem?.itemProps">
-      <Empty class="hint-box" v-if="!formConfig.currentItem.key" description="未选择控件" />
+    <div v-if="formConfig.currentItem?.itemProps" class="properties-body">
+      <Empty v-if="!formConfig.currentItem.key" class="hint-box" description="未选择控件" />
       <Form v-else label-align="left" layout="vertical">
         <div v-for="item of baseFormItemProps" :key="item.name">
-          <FormItem :label="item.label" v-if="showProps(item.exclude)">
+          <FormItem v-if="showProps(item.exclude)" :label="item.label">
             <component
-              class="component-props"
               v-bind="item.componentProps"
               :is="item.component"
               v-model:value="formConfig.currentItem[item.name]"
+              class="component-props"
             />
           </FormItem>
         </div>
         <div v-for="item of advanceFormItemProps" :key="item.name">
-          <FormItem :label="item.label" v-if="showProps(item.exclude)">
+          <FormItem v-if="showProps(item.exclude)" :label="item.label">
             <component
-              class="component-props"
               v-bind="item.componentProps"
               :is="item.component"
               v-model:value="formConfig.currentItem.itemProps[item.name]"
+              class="component-props"
             />
           </FormItem> </div
         ><div v-for="item of advanceFormItemColProps" :key="item.name">
-          <FormItem :label="item.label" v-if="showProps(item.exclude)">
+          <FormItem v-if="showProps(item.exclude)" :label="item.label">
             <component
-              class="component-props"
               v-bind="item.componentProps"
               :is="item.component"
               v-model:value="formConfig.currentItem.itemProps[item.name]['span']"
+              class="component-props"
             />
           </FormItem>
         </div>
-        <FormItem label="控制属性" v-if="controlPropsList.length">
+        <FormItem v-if="controlPropsList.length" label="控制属性">
           <Col v-for="item of controlPropsList" :key="item.name">
             <Checkbox v-model:checked="formConfig.currentItem.itemProps[item.name]">
               {{ item.label }}
             </Checkbox>
           </Col>
         </FormItem>
-        <FormItem label="是否必选" v-if="!['Grid'].includes(formConfig.currentItem.component)">
+        <FormItem v-if="!['Grid'].includes(formConfig.currentItem.component)" label="是否必选">
           <Switch v-model:checked="formConfig.currentItem.itemProps['required']" />
           <Input
             v-if="formConfig.currentItem.itemProps['required']"
@@ -62,18 +62,18 @@
   </div>
 </template>
 <script lang="ts">
+import { Checkbox, Col, Empty, Form, FormItem, Input, RadioGroup, Select, Slider, Switch } from 'ant-design-vue';
+import { isArray } from 'lodash-es';
 import { computed, defineComponent, watch } from 'vue';
+
+import { useFormDesignState } from '../../../hooks/useFormDesignState';
 import {
+  advanceFormItemColProps,
+  advanceFormItemProps,
   baseFormItemControlAttrs,
   baseFormItemProps,
-  advanceFormItemProps,
-  advanceFormItemColProps,
 } from '../../VFormDesign/config/formItemPropsConfig';
-
-import { Empty, Input, Form, FormItem, Switch, Checkbox, Select, Slider, Col, RadioGroup } from 'ant-design-vue';
 import RuleProps from './RuleProps.vue';
-import { useFormDesignState } from '../../../hooks/useFormDesignState';
-import { isArray } from 'lodash-es';
 
 export default defineComponent({
   name: 'FormItemProps',
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/FormNode.vue b/src/components/FormDesign/src/components/VFormDesign/components/FormNode.vue
index 7a6574e01..c2636c9a6 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/FormNode.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/FormNode.vue
@@ -2,7 +2,7 @@
  * @Description: 拖拽节点控件
 -->
 <template>
-  <div class="drag-move-box" @click.stop="handleSelectItem" :class="{ active: schema.key === formConfig.currentItem?.key }">
+  <div class="drag-move-box" :class="{ active: schema.key === formConfig.currentItem?.key }" @click.stop="handleSelectItem">
     <div class="form-item-box">
       <VFormItem :formConfig="formConfig" :schema="schema" />
     </div>
@@ -13,11 +13,12 @@
   </div>
 </template>
 <script lang="ts">
-import { defineComponent, reactive, toRefs, PropType } from 'vue';
-import { IVFormComponent } from '../../../typings/v-form-component';
-import FormNodeOperate from './FormNodeOperate.vue';
+import { defineComponent, PropType, reactive, toRefs } from 'vue';
+
 import { useFormDesignState } from '../../../hooks/useFormDesignState';
+import { IVFormComponent } from '../../../typings/v-form-component';
 import VFormItem from '../../VFormItem/index.vue';
+import FormNodeOperate from './FormNodeOperate.vue';
 // import VFormItem from '../../VFormItem/vFormItem.vue';
 export default defineComponent({
   name: 'FormNode',
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/FormNodeOperate.vue b/src/components/FormDesign/src/components/VFormDesign/components/FormNodeOperate.vue
index a54467537..20e480426 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/FormNodeOperate.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/FormNodeOperate.vue
@@ -14,10 +14,12 @@
 
 <script lang="ts">
 import { computed, defineComponent } from 'vue';
+
+import Icon from '@/components/Icon/index';
+
+import { useFormDesignState } from '../../../hooks/useFormDesignState';
 import { IVFormComponent } from '../../../typings/v-form-component';
 import { remove } from '../../../utils';
-import { useFormDesignState } from '../../../hooks/useFormDesignState';
-import Icon from '@/components/Icon/index';
 
 export default defineComponent({
   name: 'FormNodeOperate',
@@ -49,7 +51,7 @@ export default defineComponent({
           // 处理栅格和标签页布局
           ['Grid', 'Tabs'].includes(component) && formItem.columns?.forEach((item) => traverse(item.children));
           if (key === props.currentItem.key) {
-            let params: IVFormComponent =
+            const params: IVFormComponent =
               schemas.length === 1 ? { component: '' } : schemas.length - 1 > index ? schemas[index + 1] : schemas[index - 1];
             formDesignMethods.handleSetSelectItem(params);
             remove(schemas, index);
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/FormOptions.vue b/src/components/FormDesign/src/components/VFormDesign/components/FormOptions.vue
index a6ef2004c..903ff0371 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/FormOptions.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/FormOptions.vue
@@ -33,12 +33,15 @@
 </template>
 
 <script lang="ts">
+import { Input } from 'ant-design-vue';
 import { defineComponent, reactive, toRefs } from 'vue';
+
+import Icon from '@/components/Icon/index';
+
 import { useFormDesignState } from '../../../hooks/useFormDesignState';
 import { remove } from '../../../utils';
 import message from '../../../utils/message';
-import { Input } from 'ant-design-vue';
-import Icon from '@/components/Icon/index';
+
 export default defineComponent({
   name: 'FormOptions',
   components: { Input, Icon },
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/FormProps.vue b/src/components/FormDesign/src/components/VFormDesign/components/FormProps.vue
index 0c5d82a4a..2b300d7ff 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/FormProps.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/FormProps.vue
@@ -7,7 +7,7 @@
       <!--      <e-upload v-model="fileList"></e-upload>-->
 
       <FormItem label="表单布局">
-        <RadioGroup button-style="solid" v-model:value="formConfig.layout">
+        <RadioGroup v-model:value="formConfig.layout" button-style="solid">
           <RadioButton value="horizontal">水平</RadioButton>
           <RadioButton value="vertical" :disabled="formConfig.labelLayout === 'Grid'"> 垂直 </RadioButton>
           <RadioButton value="inline" :disabled="formConfig.labelLayout === 'Grid'"> 行内 </RadioButton>
@@ -16,14 +16,14 @@
 
       <!-- <Row> -->
       <FormItem label="标签布局">
-        <RadioGroup buttonStyle="solid" v-model:value="formConfig.labelLayout" @change="lableLayoutChange">
+        <RadioGroup v-model:value="formConfig.labelLayout" buttonStyle="solid" @change="lableLayoutChange">
           <RadioButton value="flex">固定</RadioButton>
           <RadioButton value="Grid" :disabled="formConfig.layout !== 'horizontal'"> 栅格 </RadioButton>
         </RadioGroup>
       </FormItem>
       <!-- </Row> -->
-      <FormItem label="标签宽度（px）" v-show="formConfig.labelLayout === 'flex'">
-        <InputNumber :style="{ width: '100%' }" v-model:value="formConfig.labelWidth" :min="0" :step="1" />
+      <FormItem v-show="formConfig.labelLayout === 'flex'" label="标签宽度（px）">
+        <InputNumber v-model:value="formConfig.labelWidth" :style="{ width: '100%' }" :min="0" :step="1" />
       </FormItem>
       <div v-if="formConfig.labelLayout === 'Grid'">
         <FormItem label="labelCol">
@@ -34,14 +34,14 @@
         </FormItem>
 
         <FormItem label="标签对齐">
-          <RadioGroup button-style="solid" v-model:value="formConfig.labelAlign">
+          <RadioGroup v-model:value="formConfig.labelAlign" button-style="solid">
             <RadioButton value="left">靠左</RadioButton>
             <RadioButton value="right">靠右</RadioButton>
           </RadioGroup>
         </FormItem>
 
         <FormItem label="控件大小">
-          <RadioGroup button-style="solid" v-model:value="formConfig.size">
+          <RadioGroup v-model:value="formConfig.size" button-style="solid">
             <RadioButton value="default">默认</RadioButton>
             <RadioButton value="small">小</RadioButton>
             <RadioButton value="large">大</RadioButton>
@@ -49,7 +49,7 @@
         </FormItem>
       </div>
       <FormItem label="表单属性">
-        <Col><Checkbox v-model:checked="formConfig.colon" v-if="formConfig.layout == 'horizontal'">label后面显示冒号</Checkbox></Col>
+        <Col><Checkbox v-if="formConfig.layout == 'horizontal'" v-model:checked="formConfig.colon">label后面显示冒号</Checkbox></Col>
         <Col><Checkbox v-model:checked="formConfig.disabled">禁用</Checkbox></Col>
         <Col><Checkbox v-model:checked="formConfig.hideRequiredMark">隐藏必选标记</Checkbox></Col>
       </FormItem>
@@ -57,11 +57,13 @@
   </div>
 </template>
 <script lang="ts">
-import { defineComponent } from 'vue';
-import { useFormDesignState } from '../../../hooks/useFormDesignState';
-import { InputNumber, Slider, Checkbox, Col, RadioChangeEvent } from 'ant-design-vue';
+import { Checkbox, Col, InputNumber, RadioChangeEvent, Slider } from 'ant-design-vue';
 // import RadioButtonGroup from '/@/components/RadioButtonGroup.vue';
 import { Form, FormItem, Radio } from 'ant-design-vue';
+import { defineComponent } from 'vue';
+
+import { useFormDesignState } from '../../../hooks/useFormDesignState';
+
 export default defineComponent({
   name: 'FormProps',
   components: {
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/ImportJsonModal.vue b/src/components/FormDesign/src/components/VFormDesign/components/ImportJsonModal.vue
index 913b76f3a..5aff85343 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/ImportJsonModal.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/ImportJsonModal.vue
@@ -5,17 +5,17 @@
   <Modal
     title="JSON数据"
     :visible="visible"
-    @ok="handleImportJson"
-    @cancel="handleCancel"
     cancelText="关闭"
     :destroyOnClose="true"
     wrapClassName="v-code-modal"
     style="top: 20px"
     :width="850"
+    @ok="handleImportJson"
+    @cancel="handleCancel"
   >
     <p class="hint-box">导入格式如下:</p>
     <div class="v-json-box">
-      <CodeEditor v-model:value="json" ref="myEditor" :mode="MODE.JSON" />
+      <CodeEditor ref="myEditor" v-model:value="json" :mode="MODE.JSON" />
     </div>
 
     <template #footer>
@@ -28,15 +28,17 @@
   </Modal>
 </template>
 <script lang="ts">
+import { Modal, Upload } from 'ant-design-vue';
 import { defineComponent, reactive, toRefs } from 'vue';
+
+import { CodeEditor, MODE } from '@/components/CodeEditor';
+import { useMessage } from '@/hooks/web/useMessage';
+
 // import message from '../../../utils/message';
 import { useFormDesignState } from '../../../hooks/useFormDesignState';
 // import { codemirror } from 'vue-codemirror-lite';
 import { IFormConfig } from '../../../typings/v-form-component';
 import { formItemsForEach, generateKey } from '../../../utils';
-import { CodeEditor, MODE } from '@/components/CodeEditor';
-import { useMessage } from '@/hooks/web/useMessage';
-import { Upload, Modal } from 'ant-design-vue';
 
 export default defineComponent({
   name: 'ImportJsonModal',
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/JsonModal.vue b/src/components/FormDesign/src/components/VFormDesign/components/JsonModal.vue
index d2251da7f..db87c1590 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/JsonModal.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/JsonModal.vue
@@ -6,21 +6,22 @@
     title="JSON数据"
     :footer="null"
     :visible="visible"
-    @cancel="handleCancel"
     :destroyOnClose="true"
     wrapClassName="v-code-modal"
     style="top: 20px"
     width="850px"
+    @cancel="handleCancel"
   >
     <PreviewCode :editorJson="editorJson" />
   </Modal>
 </template>
 <script lang="ts">
+import { Modal } from 'ant-design-vue';
 import { computed, defineComponent, reactive, toRefs } from 'vue';
-import PreviewCode from './PreviewCode.vue';
+
 import { IFormConfig } from '../../../typings/v-form-component';
 import { formatRules, removeAttrs } from '../../../utils';
-import { Modal } from 'ant-design-vue';
+import PreviewCode from './PreviewCode.vue';
 
 export default defineComponent({
   name: 'JsonModal',
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/LayoutItem.vue b/src/components/FormDesign/src/components/VFormDesign/components/LayoutItem.vue
index af960a047..4aec00279 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/LayoutItem.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/LayoutItem.vue
@@ -8,18 +8,18 @@
     <template v-if="['Grid'].includes(schema.component)">
       <div class="grid-box" :class="{ active: schema.key === currentItem.key }" @click.stop="handleSetSelectItem(schema)">
         <Row class="grid-row" v-bind="schema.componentProps">
-          <Col class="grid-col" v-for="(colItem, index) in schema.columns" :key="index" :span="colItem.span">
+          <Col v-for="(colItem, index) in schema.columns" :key="index" class="grid-col" :span="colItem.span">
             <draggable
-              class="list-main draggable-box"
-              :component-data="{ name: 'list', tag: 'div', type: 'transition-group' }"
               v-bind="{
                 group: 'form-draggable',
                 ghostClass: 'moving',
                 animation: 180,
                 handle: '.drag-move',
               }"
-              item-key="key"
               v-model="colItem.children"
+              class="list-main draggable-box"
+              :component-data="{ name: 'list', tag: 'div', type: 'transition-group' }"
+              item-key="key"
               @start="$emit('dragStart', $event, colItem.children)"
               @add="$emit('handleColAdd', $event, colItem.children)"
             >
@@ -49,13 +49,15 @@
   </Col>
 </template>
 <script lang="ts">
+import { Col, Row } from 'ant-design-vue';
 import { computed, defineComponent, PropType, reactive, toRefs } from 'vue';
 import draggable from 'vuedraggable';
-import FormNode from './FormNode.vue';
-import FormNodeOperate from './FormNodeOperate.vue';
+
 import { useFormDesignState } from '../../../hooks/useFormDesignState';
 import { IVFormComponent } from '../../../typings/v-form-component';
-import { Row, Col } from 'ant-design-vue';
+import FormNode from './FormNode.vue';
+import FormNodeOperate from './FormNodeOperate.vue';
+
 export default defineComponent({
   name: 'LayoutItem',
   components: {
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/PreviewCode.vue b/src/components/FormDesign/src/components/VFormDesign/components/PreviewCode.vue
index 1b137fea4..9d137e30f 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/PreviewCode.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/PreviewCode.vue
@@ -1,23 +1,24 @@
 <template>
   <div>
     <div class="v-json-box">
-      <CodeEditor :value="editorJson" ref="myEditor" :mode="MODE.JSON" />
+      <CodeEditor ref="myEditor" :value="editorJson" :mode="MODE.JSON" />
     </div>
     <div class="copy-btn-box">
-      <a-button @click="handleCopyJson" type="primary" class="copy-btn" data-clipboard-action="copy" :data-clipboard-text="editorJson">
+      <a-button type="primary" class="copy-btn" data-clipboard-action="copy" :data-clipboard-text="editorJson" @click="handleCopyJson">
         复制数据
       </a-button>
-      <a-button @click="handleExportJson" type="primary">导出代码</a-button>
+      <a-button type="primary" @click="handleExportJson">导出代码</a-button>
     </div>
   </div>
 </template>
 
 <script lang="ts">
 import { defineComponent, reactive, toRefs, unref } from 'vue';
-import { CodeEditor, MODE } from '@/components/CodeEditor';
 
+import { CodeEditor, MODE } from '@/components/CodeEditor';
 import { useCopyToClipboard } from '@/hooks/web/useCopyToClipboard';
 import { useMessage } from '@/hooks/web/useMessage';
+
 export default defineComponent({
   name: 'PreviewCode',
   components: {
diff --git a/src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue b/src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue
index 3e6ff2b4c..d9b0083fb 100644
--- a/src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/components/RuleProps.vue
@@ -21,13 +21,15 @@
   </div>
 </template>
 <script lang="ts">
-import { ref, defineComponent } from 'vue';
-import { remove } from '../../../utils';
-import { useFormDesignState } from '../../../hooks/useFormDesignState';
+import { AutoComplete, Form, FormItem, Input } from 'ant-design-vue';
 import { isArray } from 'lodash-es';
-import { Form, FormItem, AutoComplete, Input } from 'ant-design-vue';
+import { defineComponent, ref } from 'vue';
+
 import Icon from '@/components/Icon';
 
+import { useFormDesignState } from '../../../hooks/useFormDesignState';
+import { remove } from '../../../utils';
+
 export default defineComponent({
   name: 'RuleProps',
   components: {
diff --git a/src/components/FormDesign/src/components/VFormDesign/config/formItemPropsConfig.ts b/src/components/FormDesign/src/components/VFormDesign/config/formItemPropsConfig.ts
index bcd4718f5..275858b32 100644
--- a/src/components/FormDesign/src/components/VFormDesign/config/formItemPropsConfig.ts
+++ b/src/components/FormDesign/src/components/VFormDesign/config/formItemPropsConfig.ts
@@ -1,5 +1,5 @@
-import { IAnyObject } from '../../../typings/base-type';
 import { baseComponents, customComponents } from '../../../core/formItemConfig';
+import { IAnyObject } from '../../../typings/base-type';
 
 export const globalConfigState: { span: number } = {
   span: 24,
diff --git a/src/components/FormDesign/src/components/VFormDesign/index.vue b/src/components/FormDesign/src/components/VFormDesign/index.vue
index 3e43e4c61..5dc6e8166 100644
--- a/src/components/FormDesign/src/components/VFormDesign/index.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/index.vue
@@ -22,8 +22,8 @@
       <CollapseContainer title="自定义控件">
         <CollapseItem
           :list="customComponents"
-          @add-attrs="handleAddAttrs"
           :handleListPush="handleListPushDrag"
+          @add-attrs="handleAddAttrs"
           @handle-list-push="handleListPush"
         />
       </CollapseContainer>
@@ -72,32 +72,31 @@
 </template>
 
 <script lang="ts" setup>
-import CollapseItem from './modules/CollapseItem.vue';
-import FormComponentPanel from './modules/FormComponentPanel.vue';
-import JsonModal from './components/JsonModal.vue';
-import VFormPreview from '../VFormPreview/index.vue';
-import VFormPreview2 from '../VFormPreview/useForm.vue';
-
-import Toolbar from './modules/Toolbar.vue';
-import PropsPanel from './modules/PropsPanel.vue';
-import ImportJsonModal from './components/ImportJsonModal.vue';
-import CodeModal from './components/CodeModal.vue';
-
 import 'codemirror/mode/javascript/javascript';
 
-import { ref, provide, Ref } from 'vue';
-import { Layout, LayoutContent, LayoutSider } from 'ant-design-vue';
-
-import { IVFormComponent, IFormConfig, PropsTabKey } from '../../typings/v-form-component';
-import { formItemsForEach, generateKey } from '../../utils';
-import { cloneDeep } from 'lodash-es';
-import { baseComponents, customComponents, layoutComponents } from '../../core/formItemConfig';
 import { useRefHistory, UseRefHistoryReturn } from '@vueuse/core';
-import { globalConfigState } from './config/formItemPropsConfig';
-import { IFormDesignMethods, IPropsPanel, IToolbarMethods } from '../../typings/form-type';
-import { useDesign } from '@/hooks/web/useDesign';
+import { Layout, LayoutContent, LayoutSider } from 'ant-design-vue';
+import { cloneDeep } from 'lodash-es';
+import { provide, Ref, ref } from 'vue';
 
 import { CollapseContainer } from '@/components/Container/index';
+import { useDesign } from '@/hooks/web/useDesign';
+
+import { baseComponents, customComponents, layoutComponents } from '../../core/formItemConfig';
+import { IFormDesignMethods, IPropsPanel, IToolbarMethods } from '../../typings/form-type';
+import { IFormConfig, IVFormComponent, PropsTabKey } from '../../typings/v-form-component';
+import { formItemsForEach, generateKey } from '../../utils';
+import VFormPreview from '../VFormPreview/index.vue';
+import VFormPreview2 from '../VFormPreview/useForm.vue';
+import CodeModal from './components/CodeModal.vue';
+import ImportJsonModal from './components/ImportJsonModal.vue';
+import JsonModal from './components/JsonModal.vue';
+import { globalConfigState } from './config/formItemPropsConfig';
+import CollapseItem from './modules/CollapseItem.vue';
+import FormComponentPanel from './modules/FormComponentPanel.vue';
+import PropsPanel from './modules/PropsPanel.vue';
+import Toolbar from './modules/Toolbar.vue';
+
 defineProps({
   title: {
     type: String,
@@ -296,7 +295,7 @@ const handleClearFormItems = () => {
 const setFormModel = (key, value) => (formModel.value[key] = value);
 provide('formModel', formModel);
 // 把祖先组件的方法项注入到子组件中，子组件可通过inject获取
-provide<(key: String, value: any) => void>('setFormModelMethod', setFormModel);
+provide<(key: string, value: any) => void>('setFormModelMethod', setFormModel);
 // region 注入给子组件的属性
 // provide('currentItem', formConfig.value.currentItem)
 
diff --git a/src/components/FormDesign/src/components/VFormDesign/modules/CollapseItem.vue b/src/components/FormDesign/src/components/VFormDesign/modules/CollapseItem.vue
index 78d4e3bdd..b7a855c1e 100644
--- a/src/components/FormDesign/src/components/VFormDesign/modules/CollapseItem.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/modules/CollapseItem.vue
@@ -20,19 +20,21 @@
             <use :xlink:href="`#${element.icon}`" />
           </svg> -->
           <Icon :icon="element.icon" />
-          {{ element.label }}</li
-        ></template
-      >
+          {{ element.label }}
+        </li>
+      </template>
     </draggable>
   </div>
 </template>
 <script lang="ts">
 import { defineComponent, reactive } from 'vue';
-import { IVFormComponent } from '../../../typings/v-form-component';
 import draggable from 'vuedraggable';
+
 // import { toRefs } from '@vueuse/core';
 import { Icon } from '@/components/Icon';
 
+import { IVFormComponent } from '../../../typings/v-form-component';
+
 export default defineComponent({
   name: 'CollapseItem',
   components: { draggable, Icon },
diff --git a/src/components/FormDesign/src/components/VFormDesign/modules/FormComponentPanel.vue b/src/components/FormDesign/src/components/VFormDesign/modules/FormComponentPanel.vue
index 6f58fe91f..85055efad 100644
--- a/src/components/FormDesign/src/components/VFormDesign/modules/FormComponentPanel.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/modules/FormComponentPanel.vue
@@ -4,17 +4,17 @@
 -->
 <template>
   <div class="form-panel v-form-container">
-    <Empty class="empty-text" v-show="formConfig.schemas.length === 0" description="从左侧选择控件添加" />
+    <Empty v-show="formConfig.schemas.length === 0" class="empty-text" description="从左侧选择控件添加" />
     <Form v-bind="formConfig">
       <div class="draggable-box">
         <draggable
+          v-model="formConfig.schemas"
           class="list-main ant-row"
           group="form-draggable"
           :component-data="{ name: 'list', tag: 'div', type: 'transition-group' }"
           ghostClass="moving"
           :animation="180"
           handle=".drag-move"
-          v-model="formConfig.schemas"
           item-key="key"
           @add="addItem"
           @start="handleDragStart"
@@ -28,12 +28,13 @@
   </div>
 </template>
 <script lang="ts">
-import draggable from 'vuedraggable';
-import { defineComponent, computed } from 'vue';
-import LayoutItem from '../components/LayoutItem.vue';
+import { Empty, Form } from 'ant-design-vue';
 import { cloneDeep } from 'lodash-es';
+import { computed, defineComponent } from 'vue';
+import draggable from 'vuedraggable';
+
 import { useFormDesignState } from '../../../hooks/useFormDesignState';
-import { Form, Empty } from 'ant-design-vue';
+import LayoutItem from '../components/LayoutItem.vue';
 
 export default defineComponent({
   name: 'FormComponentPanel',
diff --git a/src/components/FormDesign/src/components/VFormDesign/modules/PropsPanel.vue b/src/components/FormDesign/src/components/VFormDesign/modules/PropsPanel.vue
index fcd8ff698..bc9968f5c 100644
--- a/src/components/FormDesign/src/components/VFormDesign/modules/PropsPanel.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/modules/PropsPanel.vue
@@ -21,14 +21,16 @@
   </div>
 </template>
 <script lang="ts">
+import { TabPane, Tabs } from 'ant-design-vue';
 import { computed, defineComponent } from 'vue';
-import FormProps from '../components/FormProps.vue';
-import FormItemProps from '../components/FormItemProps.vue';
+
+import { customComponents } from '../../../core/formItemConfig';
+import { useFormDesignState } from '../../../hooks/useFormDesignState';
 import ComponentProps from '../components/ComponentProps.vue';
 import ComponentColumnProps from '../components/FormItemColumnProps.vue';
-import { useFormDesignState } from '../../../hooks/useFormDesignState';
-import { customComponents } from '../../../core/formItemConfig';
-import { TabPane, Tabs } from 'ant-design-vue';
+import FormItemProps from '../components/FormItemProps.vue';
+import FormProps from '../components/FormProps.vue';
+
 type ChangeTabKey = 1 | 2;
 export interface IPropsPanel {
   changeTab: (key: ChangeTabKey) => void;
diff --git a/src/components/FormDesign/src/components/VFormDesign/modules/Toolbar.vue b/src/components/FormDesign/src/components/VFormDesign/modules/Toolbar.vue
index ffda15e2a..bd09456c4 100644
--- a/src/components/FormDesign/src/components/VFormDesign/modules/Toolbar.vue
+++ b/src/components/FormDesign/src/components/VFormDesign/modules/Toolbar.vue
@@ -6,8 +6,8 @@
     <!-- 头部操作按钮区域 start -->
     <!-- 操作左侧区域 start -->
     <div class="left-btn-box">
-      <Tooltip v-for="item in toolbarsConfigs" :title="item.title" :key="item.icon">
-        <a @click="$emit(item.event)" class="toolbar-text">
+      <Tooltip v-for="item in toolbarsConfigs" :key="item.icon" :title="item.title">
+        <a class="toolbar-text" @click="$emit(item.event)">
           <Icon :icon="item.icon" />
         </a>
       </Tooltip>
@@ -27,12 +27,14 @@
   <!-- 操作区域 start -->
 </template>
 <script lang="ts">
-import { defineComponent, inject, reactive, toRefs } from 'vue';
 import { UseRefHistoryReturn } from '@vueuse/core';
-import { IFormConfig } from '../../../typings/v-form-component';
-import { Tooltip, Divider } from 'ant-design-vue';
+import { Divider, Tooltip } from 'ant-design-vue';
+import { defineComponent, inject, reactive, toRefs } from 'vue';
+
 import Icon from '@/components/Icon/index';
 
+import { IFormConfig } from '../../../typings/v-form-component';
+
 interface IToolbarsConfig {
   type: string;
   title: string;
diff --git a/src/components/FormDesign/src/components/VFormItem/index.vue b/src/components/FormDesign/src/components/VFormItem/index.vue
index 1b89b1fce..48c6d7be1 100644
--- a/src/components/FormDesign/src/components/VFormItem/index.vue
+++ b/src/components/FormDesign/src/components/VFormItem/index.vue
@@ -4,12 +4,12 @@
 <template>
   <Col v-bind="colPropsComputed">
     <FormItem v-bind="{ ...formItemProps }">
-      <template #label v-if="!formItemProps.hiddenLabel && schema.component !== 'Divider'">
+      <template v-if="!formItemProps.hiddenLabel && schema.component !== 'Divider'" #label>
         <Tooltip>
           <span>{{ schema.label }}</span>
-          <template #title v-if="schema.helpMessage"
-            ><span>{{ schema.helpMessage }}</span></template
-          >
+          <template v-if="schema.helpMessage" #title>
+            <span>{{ schema.helpMessage }}</span>
+          </template>
           <Icon v-if="schema.helpMessage" class="ml-5" icon="ant-design:question-circle-outlined" />
         </Tooltip>
       </template>
@@ -17,34 +17,36 @@
       <slot v-if="schema.componentProps && schema.componentProps?.slotName" :name="schema.componentProps.slotName" v-bind="schema"></slot>
       <Divider v-else-if="schema.component == 'Divider' && schema.label && !formItemProps.hiddenLabel">{{ schema.label }}</Divider>
       <!-- 部分控件需要一个空div -->
-      <div
-        ><component
-          class="v-form-item-wrapper"
+      <div>
+        <component
           :is="componentItem"
+          class="v-form-item-wrapper"
           v-bind="{ ...cmpProps, ...asyncProps }"
           :schema="schema"
           :style="schema.width ? { width: schema.width } : {}"
           @change="handleChange"
           @click="handleClick(schema)"
-      /></div>
+        />
+      </div>
 
       <span v-if="['Button'].includes(schema.component)">{{ schema.label }}</span>
     </FormItem>
   </Col>
 </template>
 <script lang="ts">
-import { defineComponent, reactive, toRefs, computed, PropType, unref } from 'vue';
-import { componentMap } from '../../core/formItemConfig';
-import { IVFormComponent, IFormConfig } from '../../typings/v-form-component';
 import { asyncComputed } from '@vueuse/core';
-import { handleAsyncOptions } from '../../utils';
+import { Col, Divider, FormItem, Tooltip } from 'ant-design-vue';
 import { omit } from 'lodash-es';
-import { Tooltip, FormItem, Divider, Col } from 'ant-design-vue';
+import { computed, defineComponent, PropType, reactive, toRefs, unref } from 'vue';
 
 // import FormItem from '/@/components/Form/src/components/FormItem.vue';
-
 import { Icon } from '@/components/Icon';
+
+import { componentMap } from '../../core/formItemConfig';
 import { useFormModelState } from '../../hooks/useFormDesignState';
+import { IFormConfig, IVFormComponent } from '../../typings/v-form-component';
+import { handleAsyncOptions } from '../../utils';
+
 export default defineComponent({
   name: 'VFormItem',
   components: {
@@ -159,7 +161,7 @@ export default defineComponent({
      */
     const cmpProps = computed(() => {
       const isCheck = props.schema && ['Switch', 'Checkbox', 'Radio'].includes(props.schema.component);
-      let { field } = props.schema;
+      const { field } = props.schema;
 
       let { disabled, ...attrs } = omit(props.schema.componentProps, ['options', 'treeData']) ?? {};
 
diff --git a/src/components/FormDesign/src/components/VFormItem/vFormItem.vue b/src/components/FormDesign/src/components/VFormItem/vFormItem.vue
index a5cf6e7b4..29c2d73ee 100644
--- a/src/components/FormDesign/src/components/VFormItem/vFormItem.vue
+++ b/src/components/FormDesign/src/components/VFormItem/vFormItem.vue
@@ -13,17 +13,18 @@
 
 <template>
   <FormItem :schema="schemaNew" :formProps="getProps">
-    <template #[item]="data" v-for="item in Object.keys($slots)">
+    <template v-for="item in Object.keys($slots)" #[item]="data">
       <slot :name="item" v-bind="data || {}"></slot>
     </template>
   </FormItem>
 </template>
 <script lang="ts">
 import { computed, defineComponent, unref } from 'vue';
-import { IFormConfig, IVFormComponent } from '../../typings/v-form-component';
-import { FormProps, FormSchema } from '@/components/Form';
 
 import FormItem from '/@/components/Form/src/components/FormItem.vue';
+import { FormProps, FormSchema } from '@/components/Form';
+
+import { IFormConfig, IVFormComponent } from '../../typings/v-form-component';
 
 export default defineComponent({
   name: 'VFormItem',
diff --git a/src/components/FormDesign/src/components/VFormPreview/index.vue b/src/components/FormDesign/src/components/VFormPreview/index.vue
index c907ab201..1c034ec53 100644
--- a/src/components/FormDesign/src/components/VFormPreview/index.vue
+++ b/src/components/FormDesign/src/components/VFormPreview/index.vue
@@ -5,15 +5,15 @@
   <Modal
     title="预览(支持布局)"
     :visible="visible"
-    @ok="handleGetData"
-    @cancel="handleCancel"
     okText="获取数据"
     cancelText="关闭"
     style="top: 20px"
     :destroyOnClose="true"
     :width="900"
+    @ok="handleGetData"
+    @cancel="handleCancel"
   >
-    <VFormCreate :form-config="formConfig" v-model:fApi="fApi" v-model:formModel="formModel" @submit="onSubmit">
+    <VFormCreate v-model:fApi="fApi" v-model:formModel="formModel" :form-config="formConfig" @submit="onSubmit">
       <template #slotName="{ formModel, field }">
         <a-input v-model:value="formModel[field]" placeholder="我是插槽传递的输入框" />
       </template>
@@ -22,15 +22,17 @@
   </Modal>
 </template>
 <script lang="ts">
-import { defineComponent, reactive, ref, toRefs } from 'vue';
-import { IFormConfig } from '../../typings/v-form-component';
-import { IAnyObject } from '../../typings/base-type';
-import VFormCreate from '../VFormCreate/index.vue';
-import { formatRules } from '../../utils';
-import { IVFormMethods } from '../../hooks/useVFormMethods';
-import JsonModal from '../VFormDesign/components/JsonModal.vue';
-import { IToolbarMethods } from '../../typings/form-type';
 import { Modal } from 'ant-design-vue';
+import { defineComponent, reactive, ref, toRefs } from 'vue';
+
+import { IVFormMethods } from '../../hooks/useVFormMethods';
+import { IAnyObject } from '../../typings/base-type';
+import { IToolbarMethods } from '../../typings/form-type';
+import { IFormConfig } from '../../typings/v-form-component';
+import { formatRules } from '../../utils';
+import VFormCreate from '../VFormCreate/index.vue';
+import JsonModal from '../VFormDesign/components/JsonModal.vue';
+
 export default defineComponent({
   name: 'VFormPreview',
   components: {
diff --git a/src/components/FormDesign/src/components/VFormPreview/useForm.vue b/src/components/FormDesign/src/components/VFormPreview/useForm.vue
index ef27224bd..b686650a8 100644
--- a/src/components/FormDesign/src/components/VFormPreview/useForm.vue
+++ b/src/components/FormDesign/src/components/VFormPreview/useForm.vue
@@ -5,26 +5,28 @@
   <Modal
     title="预览(不支持布局)"
     :visible="state.visible"
-    @ok="handleGetData"
-    @cancel="handleCancel"
     okText="获取数据"
     cancelText="关闭"
     style="top: 20px"
     :destroyOnClose="true"
     :width="900"
+    @ok="handleGetData"
+    @cancel="handleCancel"
   >
     <BasicForm v-bind="attrs" @register="registerForm" />
     <JsonModal ref="jsonModal" />
   </Modal>
 </template>
 <script lang="ts" setup>
-import { BasicForm, useForm } from '@/components/Form/index';
-import { reactive, ref, computed } from 'vue';
-import { IFormConfig } from '../../typings/v-form-component';
-import { IAnyObject } from '../../typings/base-type';
-import JsonModal from '../VFormDesign/components/JsonModal.vue';
-import { IToolbarMethods } from '../../typings/form-type';
 import { Modal } from 'ant-design-vue';
+import { computed, reactive, ref } from 'vue';
+
+import { BasicForm, useForm } from '@/components/Form/index';
+
+import { IAnyObject } from '../../typings/base-type';
+import { IToolbarMethods } from '../../typings/form-type';
+import { IFormConfig } from '../../typings/v-form-component';
+import JsonModal from '../VFormDesign/components/JsonModal.vue';
 
 const jsonModal = ref<IToolbarMethods | null>(null);
 const state = reactive<{
@@ -63,7 +65,7 @@ const handleCancel = () => {
  * @return {Promise<void>}
  */
 const handleGetData = async () => {
-  let data = await validate();
+  const data = await validate();
   jsonModal.value?.showModal?.(data);
 };
 
diff --git a/src/components/FormDesign/src/components/index.ts b/src/components/FormDesign/src/components/index.ts
index e7d7cc804..84b62accd 100644
--- a/src/components/FormDesign/src/components/index.ts
+++ b/src/components/FormDesign/src/components/index.ts
@@ -1,29 +1,30 @@
-import type { Component } from 'vue';
-import { ComponentType } from '@/components/Form/src/types';
-import { IconPicker } from '@/components/Icon/index';
 /**
  * Component list, register here to setting it in the form
  */
 import {
-  Input,
-  Button,
-  Select,
-  Radio,
-  Checkbox,
   AutoComplete,
+  Button,
+  Calendar,
   Cascader,
+  Checkbox,
   DatePicker,
+  Divider,
+  Input,
   InputNumber,
+  Radio,
+  Rate,
+  Select,
+  Slider,
   Switch,
   TimePicker,
+  Transfer,
   // ColorPicker,
   TreeSelect,
-  Slider,
-  Rate,
-  Divider,
-  Calendar,
-  Transfer,
 } from 'ant-design-vue';
+import type { Component } from 'vue';
+
+import { ComponentType } from '@/components/Form/src/types';
+import { IconPicker } from '@/components/Icon/index';
 
 //ant-desing本身的Form控件库
 
diff --git a/src/components/FormDesign/src/core/formItemConfig.ts b/src/components/FormDesign/src/core/formItemConfig.ts
index 34253a55d..dd65e9662 100644
--- a/src/components/FormDesign/src/core/formItemConfig.ts
+++ b/src/components/FormDesign/src/core/formItemConfig.ts
@@ -1,13 +1,14 @@
 /**
  * @description：表单配置
  */
-import { IVFormComponent } from '../typings/v-form-component';
 import { isArray } from 'lodash-es';
-import { componentMap as VbenCmp, add } from '@/components/Form/src/componentMap';
+import { Component } from 'vue';
+
+import { add, componentMap as VbenCmp } from '@/components/Form/src/componentMap';
 import { ComponentType } from '@/components/Form/src/types';
 
 import { componentMap as Cmp } from '../components';
-import { Component } from 'vue';
+import { IVFormComponent } from '../typings/v-form-component';
 
 const componentMap = new Map<string, Component>();
 
diff --git a/src/components/FormDesign/src/hooks/useFormDesignState.ts b/src/components/FormDesign/src/hooks/useFormDesignState.ts
index 865016e64..e8136ad33 100644
--- a/src/components/FormDesign/src/hooks/useFormDesignState.ts
+++ b/src/components/FormDesign/src/hooks/useFormDesignState.ts
@@ -1,4 +1,5 @@
 import { inject, Ref } from 'vue';
+
 import { IFormDesignMethods } from '../typings/form-type';
 import { IFormConfig } from '../typings/v-form-component';
 
@@ -13,6 +14,6 @@ export function useFormDesignState() {
 
 export function useFormModelState() {
   const formModel = inject('formModel') as Ref<{}>;
-  const setFormModel = inject('setFormModelMethod') as (key: String, value: any) => void;
+  const setFormModel = inject('setFormModelMethod') as (key: string, value: any) => void;
   return { formModel, setFormModel };
 }
diff --git a/src/components/FormDesign/src/hooks/useFormInstanceMethods.ts b/src/components/FormDesign/src/hooks/useFormInstanceMethods.ts
index 9475851df..1288ccd68 100644
--- a/src/components/FormDesign/src/hooks/useFormInstanceMethods.ts
+++ b/src/components/FormDesign/src/hooks/useFormInstanceMethods.ts
@@ -1,10 +1,9 @@
-import { IAnyObject } from '../typings/base-type';
-import { Ref, SetupContext } from 'vue';
-import { cloneDeep, forOwn, isFunction } from 'lodash-es';
-import { AForm, IVFormComponent } from '../typings/v-form-component';
-import { getCurrentInstance } from 'vue';
 import { Form } from 'ant-design-vue';
-import { toRaw } from 'vue';
+import { cloneDeep, forOwn, isFunction } from 'lodash-es';
+import { getCurrentInstance, Ref, SetupContext, toRaw } from 'vue';
+
+import { IAnyObject } from '../typings/base-type';
+import { AForm, IVFormComponent } from '../typings/v-form-component';
 
 export function useFormInstanceMethods(props: IAnyObject, formdata, context: Partial<SetupContext>, _formInstance: Ref<AForm | null>) {
   /**
diff --git a/src/components/FormDesign/src/hooks/useVFormMethods.ts b/src/components/FormDesign/src/hooks/useVFormMethods.ts
index c61365998..45ced614d 100644
--- a/src/components/FormDesign/src/hooks/useVFormMethods.ts
+++ b/src/components/FormDesign/src/hooks/useVFormMethods.ts
@@ -1,8 +1,9 @@
-import { Ref, SetupContext } from 'vue';
-import { IVFormComponent, IFormConfig, AForm } from '../typings/v-form-component';
-import { findFormItem, formItemsForEach } from '../utils';
 import { cloneDeep, isFunction } from 'lodash-es';
+import { Ref, SetupContext } from 'vue';
+
 import { IAnyObject } from '../typings/base-type';
+import { AForm, IFormConfig, IVFormComponent } from '../typings/v-form-component';
+import { findFormItem, formItemsForEach } from '../utils';
 
 interface IFormInstanceMethods extends AForm {
   submit: () => Promise<any>;
diff --git a/src/components/FormDesign/src/typings/form-type.ts b/src/components/FormDesign/src/typings/form-type.ts
index ee2687767..b9fe46f66 100644
--- a/src/components/FormDesign/src/typings/form-type.ts
+++ b/src/components/FormDesign/src/typings/form-type.ts
@@ -1,4 +1,5 @@
 import { Ref } from 'vue';
+
 import { IAnyObject } from './base-type';
 import { IFormConfig, IVFormComponent } from './v-form-component';
 
diff --git a/src/components/FormDesign/src/typings/v-form-component.ts b/src/components/FormDesign/src/typings/v-form-component.ts
index 10756d6b9..1c9733821 100644
--- a/src/components/FormDesign/src/typings/v-form-component.ts
+++ b/src/components/FormDesign/src/typings/v-form-component.ts
@@ -1,13 +1,15 @@
-import { IAnyObject } from './base-type';
+import { RuleError } from 'ant-design-vue/lib/form/interface';
+import { validateOptions } from 'ant-design-vue/lib/form/useForm';
+import { SelectValue } from 'ant-design-vue/lib/select';
 // import { ComponentOptions } from 'vue/types/options';
 import { ComponentOptions } from 'vue';
-import { IVFormMethods } from '../hooks/useVFormMethods';
+
+import { FormItem } from '@/components/Form';
 import { ColEx } from '@/components/Form/src/types';
 
-import { SelectValue } from 'ant-design-vue/lib/select';
-import { validateOptions } from 'ant-design-vue/lib/form/useForm';
-import { RuleError } from 'ant-design-vue/lib/form/interface';
-import { FormItem } from '@/components/Form';
+import { IVFormMethods } from '../hooks/useVFormMethods';
+import { IAnyObject } from './base-type';
+
 type LayoutType = 'horizontal' | 'vertical' | 'inline';
 type labelLayout = 'flex' | 'Grid';
 export type PropsTabKey = 1 | 2 | 3;
diff --git a/src/components/FormDesign/src/utils/index.ts b/src/components/FormDesign/src/utils/index.ts
index 5d6c1a6b4..034304cb7 100644
--- a/src/components/FormDesign/src/utils/index.ts
+++ b/src/components/FormDesign/src/utils/index.ts
@@ -1,6 +1,7 @@
 // import { VueConstructor } from 'vue';
-import { IVFormComponent, IFormConfig, IValidationRule } from '../typings/v-form-component';
 import { cloneDeep, isArray, isFunction, isNumber, uniqueId } from 'lodash-es';
+
+import { IFormConfig, IValidationRule, IVFormComponent } from '../typings/v-form-component';
 // import { del } from '@vue/composition-api';
 // import { withInstall } from '/@/utils';
 
diff --git a/src/components/FormDesign/src/utils/message.ts b/src/components/FormDesign/src/utils/message.ts
index de2ff8328..1f3d71a32 100644
--- a/src/components/FormDesign/src/utils/message.ts
+++ b/src/components/FormDesign/src/utils/message.ts
@@ -1,4 +1,5 @@
 import { useMessage } from '@/hooks/web/useMessage';
+
 const { createMessage } = useMessage();
 const message = Object.assign({
   success: (msg: string) => {
diff --git a/src/components/IFrame/src/IFrame.vue b/src/components/IFrame/src/IFrame.vue
index d0ccf99ff..a139134cb 100644
--- a/src/components/IFrame/src/IFrame.vue
+++ b/src/components/IFrame/src/IFrame.vue
@@ -1,12 +1,13 @@
 <template>
   <div v-loading="loading" :style="'height:' + height">
-    <iframe :src="props.src" style="width: 100%; height: 100%" frameborder="no" scrolling="auto" ref="frameRef"></iframe>
+    <iframe ref="frameRef" :src="props.src" style="width: 100%; height: 100%" frameborder="no" scrolling="auto"></iframe>
   </div>
 </template>
 <script setup lang="ts">
-import { propTypes } from '@/utils/propTypes';
 import { onMounted, ref } from 'vue';
 
+import { propTypes } from '@/utils/propTypes';
+
 const props = defineProps({
   src: propTypes.string.def(''),
 });
diff --git a/src/components/Icon/index.ts b/src/components/Icon/index.ts
index 01e7d2361..74efc0a00 100644
--- a/src/components/Icon/index.ts
+++ b/src/components/Icon/index.ts
@@ -1,6 +1,6 @@
 import Icon from './src/Icon.vue';
-import SvgIcon from './src/SvgIcon.vue';
 import IconPicker from './src/IconPicker.vue';
+import SvgIcon from './src/SvgIcon.vue';
 
 export { Icon, IconPicker, SvgIcon };
 
diff --git a/src/components/Icon/src/Icon.vue b/src/components/Icon/src/Icon.vue
index f6d978808..d97977146 100644
--- a/src/components/Icon/src/Icon.vue
+++ b/src/components/Icon/src/Icon.vue
@@ -1,14 +1,16 @@
 <template>
-  <SvgIcon :size="size" :name="getSvgIcon" v-if="isSvgIcon" :class="[$attrs.class, 'anticon']" :spin="spin" />
+  <SvgIcon v-if="isSvgIcon" :size="size" :name="getSvgIcon" :class="[$attrs.class, 'anticon']" :spin="spin" />
   <span v-else ref="elRef" :class="[$attrs.class, 'app-iconify anticon', spin && 'app-iconify-spin']" :style="getWrapStyle"></span>
 </template>
 <script lang="ts" setup name="Icon">
-import { ref, watch, onMounted, nextTick, unref, computed, CSSProperties } from 'vue';
-import SvgIcon from './SvgIcon.vue';
 import Iconify from '@purge-icons/generated';
+import { computed, CSSProperties, nextTick, onMounted, ref, unref, watch } from 'vue';
+
 import { isString } from '@/utils/is';
 import { propTypes } from '@/utils/propTypes';
 
+import SvgIcon from './SvgIcon.vue';
+
 const SVG_END_WITH_FLAG = '|svg';
 
 const props = defineProps({
@@ -63,7 +65,7 @@ const getWrapStyle = computed((): CSSProperties => {
 
   return {
     fontSize: `${fs}px`,
-    color: color,
+    color,
     display: 'inline-flex',
   };
 });
diff --git a/src/components/Icon/src/IconPicker.vue b/src/components/Icon/src/IconPicker.vue
index 587942be4..dc8dd71e5 100644
--- a/src/components/Icon/src/IconPicker.vue
+++ b/src/components/Icon/src/IconPicker.vue
@@ -1,10 +1,10 @@
 <template>
-  <a-input disabled :style="{ width }" :placeholder="t('component.icon.placeholder')" :class="prefixCls" v-model:value="currentSelect">
+  <a-input v-model:value="currentSelect" disabled :style="{ width }" :placeholder="t('component.icon.placeholder')" :class="prefixCls">
     <template #addonAfter>
-      <a-popover placement="bottomLeft" trigger="click" v-model="visible" :overlayClassName="`${prefixCls}-popover`">
+      <a-popover v-model="visible" placement="bottomLeft" trigger="click" :overlayClassName="`${prefixCls}-popover`">
         <template #title>
           <div class="flex justify-between">
-            <a-input :placeholder="t('component.icon.search')" @change="debounceHandleSearchChange" allowClear />
+            <a-input :placeholder="t('component.icon.search')" allowClear @change="debounceHandleSearchChange" />
           </div>
         </template>
 
@@ -17,48 +17,49 @@
                   :key="icon"
                   :class="currentSelect === icon ? 'border border-primary' : ''"
                   class="p-2 w-1/8 cursor-pointer mr-1 mt-1 flex justify-center items-center border border-solid hover:border-primary"
-                  @click="handleClick(icon)"
                   :title="icon"
+                  @click="handleClick(icon)"
                 >
                   <!-- <Icon :icon="icon" :prefix="prefix" /> -->
                   <SvgIcon v-if="isSvgMode" :name="icon" />
-                  <Icon :icon="icon" v-else />
+                  <Icon v-else :icon="icon" />
                 </li>
               </ul>
             </ScrollContainer>
-            <div class="flex py-2 items-center justify-center" v-if="getTotal >= pageSize">
+            <div v-if="getTotal >= pageSize" class="flex py-2 items-center justify-center">
               <a-pagination showLessItems size="small" :pageSize="pageSize" :total="getTotal" @change="handlePageChange" />
             </div>
           </div>
-          <template v-else
-            ><div class="p-5"><a-empty /></div>
+          <template v-else>
+            <div class="p-5"><a-empty /></div>
           </template>
         </template>
 
-        <span class="cursor-pointer px-2 py-1 flex items-center" v-if="isSvgMode && currentSelect">
+        <span v-if="isSvgMode && currentSelect" class="cursor-pointer px-2 py-1 flex items-center">
           <SvgIcon :name="currentSelect" />
         </span>
-        <Icon :icon="currentSelect || 'ion:apps-outline'" class="cursor-pointer px-2 py-1" v-else />
+        <Icon v-else :icon="currentSelect || 'ion:apps-outline'" class="cursor-pointer px-2 py-1" />
       </a-popover>
     </template>
   </a-input>
 </template>
 <script lang="ts" setup>
-import { ref, watchEffect, watch, unref } from 'vue';
-import { useDesign } from '@/hooks/web/useDesign';
+import { useDebounceFn } from '@vueuse/core';
+import { Empty, Input, Pagination, Popover } from 'ant-design-vue';
+import svgIcons from 'virtual:svg-icons-names';
+import { ref, unref, watch, watchEffect } from 'vue';
+
 import { ScrollContainer } from '@/components/Container';
-import { Input, Popover, Pagination, Empty } from 'ant-design-vue';
-import Icon from './Icon.vue';
-import SvgIcon from './SvgIcon.vue';
+import { useCopyToClipboard } from '@/hooks/web/useCopyToClipboard';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+import { usePagination } from '@/hooks/web/usePagination';
+import { propTypes } from '@/utils/propTypes';
 
 import iconsData from '../data/icons.data';
-import { propTypes } from '@/utils/propTypes';
-import { usePagination } from '@/hooks/web/usePagination';
-import { useDebounceFn } from '@vueuse/core';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useCopyToClipboard } from '@/hooks/web/useCopyToClipboard';
-import { useMessage } from '@/hooks/web/useMessage';
-import svgIcons from 'virtual:svg-icons-names';
+import Icon from './Icon.vue';
+import SvgIcon from './SvgIcon.vue';
 
 // 没有使用别名引入，是因为WebStorm当前版本还不能正确识别，会报unused警告
 const AInput = Input;
diff --git a/src/components/Icon/src/SvgIcon.vue b/src/components/Icon/src/SvgIcon.vue
index 4e7584033..1cf880295 100644
--- a/src/components/Icon/src/SvgIcon.vue
+++ b/src/components/Icon/src/SvgIcon.vue
@@ -6,6 +6,7 @@
 <script lang="ts" setup name="SvgIcon">
 import type { CSSProperties } from 'vue';
 import { computed } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
 
 const props = defineProps({
diff --git a/src/components/Loading/index.ts b/src/components/Loading/index.ts
index 3673a44dc..e2f7e8454 100644
--- a/src/components/Loading/index.ts
+++ b/src/components/Loading/index.ts
@@ -1,5 +1,5 @@
 import Loading from './src/Loading.vue';
 
 export { Loading };
-export { useLoading } from './src/useLoading';
 export { createLoading } from './src/createLoading';
+export { useLoading } from './src/useLoading';
diff --git a/src/components/Loading/src/Loading.vue b/src/components/Loading/src/Loading.vue
index 39ac60400..ee2a2a27d 100644
--- a/src/components/Loading/src/Loading.vue
+++ b/src/components/Loading/src/Loading.vue
@@ -1,15 +1,16 @@
 <template>
   <section
+    v-show="loading"
     class="full-loading"
     :class="{ absolute, [theme]: !!theme }"
     :style="[background ? `background-color: ${background}` : '']"
-    v-show="loading"
   >
     <Spin v-bind="$attrs" :tip="tip" :size="size" :spinning="loading" />
   </section>
 </template>
 <script lang="ts" setup name="Loading">
 import { Spin } from 'ant-design-vue';
+
 import { SizeEnum } from '@/enums/sizeEnum';
 import { propTypes } from '@/utils/propTypes';
 
diff --git a/src/components/Loading/src/createLoading.ts b/src/components/Loading/src/createLoading.ts
index 79b53fcda..fdcd1ec7b 100644
--- a/src/components/Loading/src/createLoading.ts
+++ b/src/components/Loading/src/createLoading.ts
@@ -1,8 +1,7 @@
-import { VNode, defineComponent } from 'vue';
-import type { LoadingProps } from './typing';
+import { createVNode, defineComponent, h, reactive, render, VNode } from 'vue';
 
-import { createVNode, render, reactive, h } from 'vue';
 import Loading from './Loading.vue';
+import type { LoadingProps } from './typing';
 
 export function createLoading(props?: Partial<LoadingProps>, target?: HTMLElement, wait = false) {
   let vm: Nullable<VNode> = null;
diff --git a/src/components/Loading/src/useLoading.ts b/src/components/Loading/src/useLoading.ts
index b5f121578..2f9622c63 100644
--- a/src/components/Loading/src/useLoading.ts
+++ b/src/components/Loading/src/useLoading.ts
@@ -1,7 +1,8 @@
+import type { Ref } from 'vue';
 import { unref } from 'vue';
+
 import { createLoading } from './createLoading';
 import type { LoadingProps } from './typing';
-import type { Ref } from 'vue';
 
 export interface UseLoadingOptions {
   target?: any;
diff --git a/src/components/Markdown/index.ts b/src/components/Markdown/index.ts
index 4dd7d185e..d8fefa43d 100644
--- a/src/components/Markdown/index.ts
+++ b/src/components/Markdown/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import markDown from './src/Markdown.vue';
 import markDownViewer from './src/MarkdownViewer.vue';
 
diff --git a/src/components/Markdown/src/Markdown.vue b/src/components/Markdown/src/Markdown.vue
index 81b420bb5..ca44aeb75 100644
--- a/src/components/Markdown/src/Markdown.vue
+++ b/src/components/Markdown/src/Markdown.vue
@@ -2,17 +2,20 @@
   <div ref="wrapRef"></div>
 </template>
 <script lang="ts" setup inheritAttrs="false">
-import type { Ref } from 'vue';
-import { ref, unref, nextTick, computed, watch, onBeforeUnmount, onDeactivated, useAttrs } from 'vue';
-import Vditor from 'vditor';
 import 'vditor/dist/index.css';
-import { useLocale } from '@/locales/useLocale';
-import { useModalContext } from '../../Modal';
-import { useRootSetting } from '@/hooks/setting/useRootSetting';
+
+import Vditor from 'vditor';
+import type { Ref } from 'vue';
+import { computed, nextTick, onBeforeUnmount, onDeactivated, ref, unref, useAttrs, watch } from 'vue';
+
 import { onMountedOrActivated } from '@/hooks/core/onMountedOrActivated';
-import { getTheme } from './getTheme';
+import { useRootSetting } from '@/hooks/setting/useRootSetting';
+import { useLocale } from '@/locales/useLocale';
 import { propTypes } from '@/utils/propTypes';
 
+import { useModalContext } from '../../Modal';
+import { getTheme } from './getTheme';
+
 type Lang = 'zh_CN' | 'en_US' | 'ja_JP' | 'ko_KR' | undefined;
 
 const props = defineProps({
diff --git a/src/components/Markdown/src/MarkdownViewer.vue b/src/components/Markdown/src/MarkdownViewer.vue
index 4741fc060..b436fc0ca 100644
--- a/src/components/Markdown/src/MarkdownViewer.vue
+++ b/src/components/Markdown/src/MarkdownViewer.vue
@@ -1,13 +1,16 @@
 <template>
-  <div ref="viewerRef" id="markdownViewer" :class="$props.class"></div>
+  <div id="markdownViewer" ref="viewerRef" :class="$props.class"></div>
 </template>
 
 <script lang="ts" setup>
-import { onBeforeUnmount, onDeactivated, Ref, ref, unref, watch } from 'vue';
 import VditorPreview from 'vditor/dist/method.min';
+import { onBeforeUnmount, onDeactivated, Ref, ref, unref, watch } from 'vue';
+
 import { onMountedOrActivated } from '@/hooks/core/onMountedOrActivated';
 import { useRootSetting } from '@/hooks/setting/useRootSetting';
+
 import { getTheme } from './getTheme';
+
 const props = defineProps({
   value: { type: String },
   class: { type: String },
diff --git a/src/components/Markdown/src/typing.ts b/src/components/Markdown/src/typing.ts
index b4bb46582..92e4a0a4b 100644
--- a/src/components/Markdown/src/typing.ts
+++ b/src/components/Markdown/src/typing.ts
@@ -1,4 +1,5 @@
 import Vditor from 'vditor';
+
 export interface MarkDownActionType {
   getVditor: () => Vditor;
 }
diff --git a/src/components/Menu/src/BasicMenu.vue b/src/components/Menu/src/BasicMenu.vue
index 3d5695140..fc9c845ec 100644
--- a/src/components/Menu/src/BasicMenu.vue
+++ b/src/components/Menu/src/BasicMenu.vue
@@ -6,11 +6,11 @@
     :openKeys="getOpenKeys"
     :inlineIndent="inlineIndent"
     :theme="theme"
-    @open-change="handleOpenChange"
     :class="getMenuClass"
-    @click="handleMenuClick"
     :subMenuOpenDelay="0.2"
     v-bind="getInlineCollapseOptions"
+    @open-change="handleOpenChange"
+    @click="handleMenuClick"
   >
     <template v-for="item in items" :key="item.path">
       <BasicSubMenuItem :item="item" :theme="theme" :isHorizontal="isHorizontal" />
@@ -18,21 +18,23 @@
   </Menu>
 </template>
 <script lang="ts" setup name="BasicMenu">
-import type { MenuState } from './types';
-import { computed, unref, reactive, watch, toRefs, ref } from 'vue';
 import { Menu } from 'ant-design-vue';
-import BasicSubMenuItem from './components/BasicSubMenuItem.vue';
-import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum';
-import { useOpenKeys } from './useOpenKeys';
+import { computed, reactive, ref, toRefs, unref, watch } from 'vue';
 import { RouteLocationNormalizedLoaded, useRouter } from 'vue-router';
-import { isFunction } from '@/utils/is';
-import { basicProps } from './props';
+
+import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum';
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
-import { REDIRECT_NAME } from '@/router/constant';
 import { useDesign } from '@/hooks/web/useDesign';
-import { getCurrentParentPath } from '@/router/menus';
 import { listenerRouteChange } from '@/logics/mitt/routeChange';
+import { REDIRECT_NAME } from '@/router/constant';
 import { getAllParentPath } from '@/router/helper/menuHelper';
+import { getCurrentParentPath } from '@/router/menus';
+import { isFunction } from '@/utils/is';
+
+import BasicSubMenuItem from './components/BasicSubMenuItem.vue';
+import { basicProps } from './props';
+import type { MenuState } from './types';
+import { useOpenKeys } from './useOpenKeys';
 
 const props = defineProps(basicProps);
 const emit = defineEmits(['menuClick']);
diff --git a/src/components/Menu/src/components/BasicMenuItem.vue b/src/components/Menu/src/components/BasicMenuItem.vue
index 2bd4147ed..91c5d9aa2 100644
--- a/src/components/Menu/src/components/BasicMenuItem.vue
+++ b/src/components/Menu/src/components/BasicMenuItem.vue
@@ -5,6 +5,7 @@
 </template>
 <script lang="ts" setup name="BasicMenuItem">
 import { MenuItem } from 'ant-design-vue';
+
 import { itemProps } from '../props';
 import MenuItemContent from './MenuItemContent.vue';
 
diff --git a/src/components/Menu/src/components/BasicSubMenuItem.vue b/src/components/Menu/src/components/BasicSubMenuItem.vue
index e8c03d422..efd14d600 100644
--- a/src/components/Menu/src/components/BasicSubMenuItem.vue
+++ b/src/components/Menu/src/components/BasicSubMenuItem.vue
@@ -1,6 +1,6 @@
 <template>
   <BasicMenuItem v-if="!menuHasChildren(item) && getShowMenu" v-bind="$props" :class="prefixCls" />
-  <SubMenu v-if="menuHasChildren(item) && getShowMenu" :class="[theme]" :key="`submenu-${item.path}`" popupClassName="app-top-menu-popup">
+  <SubMenu v-if="menuHasChildren(item) && getShowMenu" :key="`submenu-${item.path}`" :class="[theme]" popupClassName="app-top-menu-popup">
     <template #title>
       <MenuItemContent v-bind="$props" :item="item" />
     </template>
@@ -11,10 +11,12 @@
   </SubMenu>
 </template>
 <script lang="ts" setup name="BasicSubMenuItem">
-import type { Menu as MenuType } from '@/router/types';
-import { computed } from 'vue';
 import { Menu } from 'ant-design-vue';
+import { computed } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
+import type { Menu as MenuType } from '@/router/types';
+
 import { itemProps } from '../props';
 import BasicMenuItem from './BasicMenuItem.vue';
 import MenuItemContent from './MenuItemContent.vue';
diff --git a/src/components/Menu/src/components/MenuItemContent.vue b/src/components/Menu/src/components/MenuItemContent.vue
index f657d5735..b56e359aa 100644
--- a/src/components/Menu/src/components/MenuItemContent.vue
+++ b/src/components/Menu/src/components/MenuItemContent.vue
@@ -6,10 +6,13 @@
 </template>
 <script lang="ts" setup name="MenuItemContent">
 import { computed } from 'vue';
+
 import { Icon } from '@/components/Icon';
-import { useI18n } from '@/hooks/web/useI18n';
 import { useDesign } from '@/hooks/web/useDesign';
+import { useI18n } from '@/hooks/web/useI18n';
+
 import { contentProps } from '../props';
+
 const { t } = useI18n();
 const props = defineProps(contentProps);
 
diff --git a/src/components/Menu/src/props.ts b/src/components/Menu/src/props.ts
index 34e6af3b4..11c6cfb29 100644
--- a/src/components/Menu/src/props.ts
+++ b/src/components/Menu/src/props.ts
@@ -1,10 +1,11 @@
-import type { Menu } from '@/router/types';
-
-import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum';
-import { ThemeEnum } from '@/enums/appEnum';
-import { propTypes } from '@/utils/propTypes';
 import type { MenuTheme } from 'ant-design-vue';
 import type { MenuMode } from 'ant-design-vue/lib/menu/src/interface';
+
+import { ThemeEnum } from '@/enums/appEnum';
+import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum';
+import type { Menu } from '@/router/types';
+import { propTypes } from '@/utils/propTypes';
+
 export const basicProps = {
   items: {
     type: Array as PropType<Menu[]>,
diff --git a/src/components/Menu/src/useOpenKeys.ts b/src/components/Menu/src/useOpenKeys.ts
index c80b95bb4..04846fef2 100644
--- a/src/components/Menu/src/useOpenKeys.ts
+++ b/src/components/Menu/src/useOpenKeys.ts
@@ -1,14 +1,13 @@
-import { MenuModeEnum } from '@/enums/menuEnum';
-import type { Menu as MenuType } from '@/router/types';
-import type { MenuState } from './types';
-
-import { computed, Ref, toRaw } from 'vue';
-
-import { unref } from 'vue';
+import { useTimeoutFn } from '@vueuse/core';
 import { uniq } from 'lodash-es';
+import { computed, Ref, toRaw, unref } from 'vue';
+
+import { MenuModeEnum } from '@/enums/menuEnum';
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 import { getAllParentPath } from '@/router/helper/menuHelper';
-import { useTimeoutFn } from '@vueuse/core';
+import type { Menu as MenuType } from '@/router/types';
+
+import type { MenuState } from './types';
 
 export function useOpenKeys(menuState: MenuState, menus: Ref<MenuType[]>, mode: Ref<MenuModeEnum>, accordion: Ref<boolean>) {
   const { getCollapsed, getIsMixSidebar } = useMenuSetting();
diff --git a/src/components/Modal/index.ts b/src/components/Modal/index.ts
index ff3862ae2..bd123df99 100644
--- a/src/components/Modal/index.ts
+++ b/src/components/Modal/index.ts
@@ -1,8 +1,10 @@
-import { withInstall } from '@/utils';
 import './src/index.less';
+
+import { withInstall } from '@/utils';
+
 import basicModal from './src/BasicModal.vue';
 
 export const BasicModal = withInstall(basicModal);
-export { useModalContext } from './src/hooks/useModalContext';
 export { useModal, useModalInner } from './src/hooks/useModal';
+export { useModalContext } from './src/hooks/useModalContext';
 export * from './src/typing';
diff --git a/src/components/Modal/src/BasicModal.vue b/src/components/Modal/src/BasicModal.vue
index 8130437c2..2e181be79 100644
--- a/src/components/Modal/src/BasicModal.vue
+++ b/src/components/Modal/src/BasicModal.vue
@@ -1,6 +1,6 @@
 <template>
   <Modal v-bind="getBindValue" @cancel="handleCancel">
-    <template #closeIcon v-if="!$slots.closeIcon">
+    <template v-if="!$slots.closeIcon" #closeIcon>
       <ModalClose
         :canFullscreen="getProps.canFullscreen"
         :fullScreen="fullScreenRef"
@@ -9,23 +9,23 @@
       />
     </template>
 
-    <template #title v-if="!$slots.title">
+    <template v-if="!$slots.title" #title>
       <ModalHeader :helpMessage="getProps.helpMessage" :title="getMergeProps.title" @dblclick="handleTitleDbClick" />
     </template>
 
-    <template #footer v-if="!$slots.footer">
+    <template v-if="!$slots.footer" #footer>
       <ModalFooter v-bind="getBindValue" @ok="handleOk" @cancel="handleCancel">
-        <template #[item]="data" v-for="item in Object.keys($slots)">
+        <template v-for="item in Object.keys($slots)" #[item]="data">
           <slot :name="item" v-bind="data || {}"></slot>
         </template>
       </ModalFooter>
     </template>
 
     <ModalWrapper
+      ref="modalWrapperRef"
       :useWrapper="getProps.useWrapper"
       :footerOffset="wrapperFooterOffset"
       :fullScreen="fullScreenRef"
-      ref="modalWrapperRef"
       :loading="getProps.loading"
       :loading-tip="getProps.loadingTip"
       :minHeight="getProps.minHeight"
@@ -39,26 +39,27 @@
       <slot></slot>
     </ModalWrapper>
 
-    <template #[item]="data" v-for="item in Object.keys(omit($slots, 'default'))">
+    <template v-for="item in Object.keys(omit($slots, 'default'))" #[item]="data">
       <slot :name="item" v-bind="data || {}"></slot>
     </template>
   </Modal>
 </template>
 <script lang="ts" setup name="BasicModal" inheritAttrs="false">
-import type { ModalProps, ModalMethods } from './typing';
+import { omit } from 'lodash-es';
+import { computed, getCurrentInstance, nextTick, ref, toRef, unref, useAttrs, watch, watchEffect } from 'vue';
+
+import { useDesign } from '@/hooks/web/useDesign';
+import { deepMerge } from '@/utils';
+import { isFunction } from '@/utils/is';
 
-import { computed, ref, watch, unref, watchEffect, toRef, getCurrentInstance, nextTick, useAttrs } from 'vue';
 import Modal from './components/Modal';
-import ModalWrapper from './components/ModalWrapper.vue';
 import ModalClose from './components/ModalClose.vue';
 import ModalFooter from './components/ModalFooter.vue';
 import ModalHeader from './components/ModalHeader.vue';
-import { isFunction } from '@/utils/is';
-import { deepMerge } from '@/utils';
-import { basicProps } from './props';
+import ModalWrapper from './components/ModalWrapper.vue';
 import { useFullScreen } from './hooks/useModalFullScreen';
-import { omit } from 'lodash-es';
-import { useDesign } from '@/hooks/web/useDesign';
+import { basicProps } from './props';
+import type { ModalMethods, ModalProps } from './typing';
 
 const props = defineProps(basicProps);
 const attrs = useAttrs();
diff --git a/src/components/Modal/src/components/Modal.tsx b/src/components/Modal/src/components/Modal.tsx
index e139de56c..c633fa2d2 100644
--- a/src/components/Modal/src/components/Modal.tsx
+++ b/src/components/Modal/src/components/Modal.tsx
@@ -1,10 +1,12 @@
 import { Modal } from 'ant-design-vue';
 import { defineComponent, toRefs, unref } from 'vue';
-import { basicProps } from '../props';
-import { useModalDragMove } from '../hooks/useModalDrag';
+
 import { useAttrs } from '@/hooks/core/useAttrs';
 import { extendSlots } from '@/utils/helper/tsxHelper';
 
+import { useModalDragMove } from '../hooks/useModalDrag';
+import { basicProps } from '../props';
+
 export default defineComponent({
   name: 'Modal',
   inheritAttrs: false,
diff --git a/src/components/Modal/src/components/ModalClose.vue b/src/components/Modal/src/components/ModalClose.vue
index 0713d9233..5542f75b3 100644
--- a/src/components/Modal/src/components/ModalClose.vue
+++ b/src/components/Modal/src/components/ModalClose.vue
@@ -1,10 +1,10 @@
 <template>
   <div :class="getClass">
     <template v-if="canFullscreen">
-      <Tooltip :title="t('component.modal.restore')" placement="bottom" v-if="fullScreen">
+      <Tooltip v-if="fullScreen" :title="t('component.modal.restore')" placement="bottom">
         <FullscreenExitOutlined role="full" @click="handleFullScreen" />
       </Tooltip>
-      <Tooltip :title="t('component.modal.maximize')" placement="bottom" v-else>
+      <Tooltip v-else :title="t('component.modal.maximize')" placement="bottom">
         <FullscreenOutlined role="close" @click="handleFullScreen" />
       </Tooltip>
     </template>
@@ -14,10 +14,11 @@
   </div>
 </template>
 <script lang="ts" setup name="ModalClose">
-import { computed } from 'vue';
-import { FullscreenExitOutlined, FullscreenOutlined, CloseOutlined } from '@ant-design/icons-vue';
-import { useDesign } from '@/hooks/web/useDesign';
+import { CloseOutlined, FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue';
 import { Tooltip } from 'ant-design-vue';
+import { computed } from 'vue';
+
+import { useDesign } from '@/hooks/web/useDesign';
 import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
diff --git a/src/components/Modal/src/components/ModalFooter.vue b/src/components/Modal/src/components/ModalFooter.vue
index 8a442ea01..a7d1a8ab8 100644
--- a/src/components/Modal/src/components/ModalFooter.vue
+++ b/src/components/Modal/src/components/ModalFooter.vue
@@ -1,11 +1,11 @@
 <template>
   <div>
     <slot name="insertFooter"></slot>
-    <a-button v-bind="cancelButtonProps" @click="handleCancel" v-if="showCancelBtn">
+    <a-button v-if="showCancelBtn" v-bind="cancelButtonProps" @click="handleCancel">
       {{ cancelText }}
     </a-button>
     <slot name="centerFooter"></slot>
-    <a-button :type="okType" @click="handleOk" :loading="confirmLoading" v-bind="okButtonProps" v-if="showOkBtn">
+    <a-button v-if="showOkBtn" :type="okType" :loading="confirmLoading" v-bind="okButtonProps" @click="handleOk">
       {{ okText }}
     </a-button>
     <slot name="appendFooter"></slot>
diff --git a/src/components/Modal/src/components/ModalWrapper.vue b/src/components/Modal/src/components/ModalWrapper.vue
index 54f8990e2..fb4041842 100644
--- a/src/components/Modal/src/components/ModalWrapper.vue
+++ b/src/components/Modal/src/components/ModalWrapper.vue
@@ -1,17 +1,19 @@
 <template>
   <ScrollContainer ref="wrapperRef">
-    <div ref="spinRef" :style="spinStyle" v-loading="loading" :loading-tip="loadingTip">
+    <div ref="spinRef" v-loading="loading" :style="spinStyle" :loading-tip="loadingTip">
       <slot></slot>
     </div>
   </ScrollContainer>
 </template>
 <script lang="ts" setup name="ModalWrapper" inheritAttrs="false">
-import type { CSSProperties } from 'vue';
-import { computed, ref, watchEffect, unref, watch, onMounted, nextTick, onUnmounted } from 'vue';
-import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn';
-import { ScrollContainer } from '@/components/Container';
-import { createModalContext } from '../hooks/useModalContext';
 import { useMutationObserver } from '@vueuse/core';
+import type { CSSProperties } from 'vue';
+import { computed, nextTick, onMounted, onUnmounted, ref, unref, watch, watchEffect } from 'vue';
+
+import { ScrollContainer } from '@/components/Container';
+import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn';
+
+import { createModalContext } from '../hooks/useModalContext';
 
 const emit = defineEmits(['height-change', 'ext-height']);
 const props = defineProps({
@@ -33,7 +35,7 @@ const minRealHeightRef = ref(0);
 
 let realHeight = 0;
 
-let stopElResizeFn: Fn = () => {};
+const stopElResizeFn: Fn = () => {};
 
 useWindowSizeFn(setModalHeight.bind(null, false));
 
diff --git a/src/components/Modal/src/hooks/useModal.ts b/src/components/Modal/src/hooks/useModal.ts
index 20eba430b..2c87dc52d 100644
--- a/src/components/Modal/src/hooks/useModal.ts
+++ b/src/components/Modal/src/hooks/useModal.ts
@@ -1,11 +1,12 @@
-import type { UseModalReturnType, ModalMethods, ModalProps, ReturnMethods, UseModalInnerReturnType } from '../typing';
-import { ref, onUnmounted, unref, getCurrentInstance, reactive, watchEffect, nextTick, toRaw } from 'vue';
+import { tryOnUnmounted } from '@vueuse/core';
+import { isEqual } from 'lodash-es';
+import { computed, getCurrentInstance, nextTick, onUnmounted, reactive, ref, toRaw, unref, watchEffect } from 'vue';
+
 import { isProdMode } from '@/utils/env';
 import { isFunction } from '@/utils/is';
-import { isEqual } from 'lodash-es';
-import { tryOnUnmounted } from '@vueuse/core';
 import { error } from '@/utils/log';
-import { computed } from 'vue';
+
+import type { ModalMethods, ModalProps, ReturnMethods, UseModalInnerReturnType, UseModalReturnType } from '../typing';
 
 const dataTransfer = reactive<any>({});
 
@@ -62,7 +63,7 @@ export function useModal(): UseModalReturnType {
 
     openModal: <T = any>(visible = true, data?: T, openOnSet = true): void => {
       getInstance()?.setModalProps({
-        visible: visible,
+        visible,
       });
 
       if (!data) return;
diff --git a/src/components/Modal/src/hooks/useModalContext.ts b/src/components/Modal/src/hooks/useModalContext.ts
index 9f3f84b8b..7cc98350e 100644
--- a/src/components/Modal/src/hooks/useModalContext.ts
+++ b/src/components/Modal/src/hooks/useModalContext.ts
@@ -1,4 +1,5 @@
 import { InjectionKey } from 'vue';
+
 import { createContext, useContext } from '@/hooks/core/useContext';
 
 export interface ModalContextProps {
diff --git a/src/components/Modal/src/hooks/useModalDrag.ts b/src/components/Modal/src/hooks/useModalDrag.ts
index 0336c7196..08d6772bc 100644
--- a/src/components/Modal/src/hooks/useModalDrag.ts
+++ b/src/components/Modal/src/hooks/useModalDrag.ts
@@ -1,5 +1,5 @@
-import { Ref, unref, watchEffect } from 'vue';
 import { useTimeoutFn } from '@vueuse/core';
+import { Ref, unref, watchEffect } from 'vue';
 
 export interface UseModalDragMoveContext {
   draggable: Ref<boolean>;
diff --git a/src/components/Modal/src/props.ts b/src/components/Modal/src/props.ts
index 0359d44ef..f825b905c 100644
--- a/src/components/Modal/src/props.ts
+++ b/src/components/Modal/src/props.ts
@@ -1,8 +1,10 @@
-import type { CSSProperties } from 'vue';
-import type { ModalWrapperProps } from './typing';
 import { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
+import type { CSSProperties } from 'vue';
+
 import { useI18n } from '@/hooks/web/useI18n';
 
+import type { ModalWrapperProps } from './typing';
+
 const { t } = useI18n();
 
 export const modalProps = {
diff --git a/src/components/Modal/src/typing.ts b/src/components/Modal/src/typing.ts
index 36a7e7cdc..3dcbaa517 100644
--- a/src/components/Modal/src/typing.ts
+++ b/src/components/Modal/src/typing.ts
@@ -1,5 +1,5 @@
 import type { ButtonProps } from 'ant-design-vue/lib/button/buttonTypes';
-import type { CSSProperties, VNodeChild, ComputedRef } from 'vue';
+import type { ComputedRef, CSSProperties, VNodeChild } from 'vue';
 /**
  * @description: 弹窗对外暴露的方法
  */
diff --git a/src/components/Page/src/PageWrapper.vue b/src/components/Page/src/PageWrapper.vue
index 3e9bf256a..d9c7adbb1 100644
--- a/src/components/Page/src/PageWrapper.vue
+++ b/src/components/Page/src/PageWrapper.vue
@@ -1,18 +1,18 @@
 <template>
-  <div :class="getClass" ref="wrapperRef">
-    <PageHeader :ghost="ghost" :title="title" v-bind="omit($attrs, 'class')" ref="headerRef" v-if="getShowHeader">
+  <div ref="wrapperRef" :class="getClass">
+    <PageHeader v-if="getShowHeader" v-bind="omit($attrs, 'class')" ref="headerRef" :ghost="ghost" :title="title">
       <template #default>
         <template v-if="content">
           {{ content }}
         </template>
-        <slot name="headerContent" v-else></slot>
+        <slot v-else name="headerContent"></slot>
       </template>
       <template v-for="(item, index) in getHeaderSlots" #[item]="data" :key="index">
         <slot :name="item" v-bind="data || {}"></slot>
       </template>
     </PageHeader>
 
-    <div class="overflow-hidden" :class="getContentClass" :style="getContentStyle" ref="contentRef">
+    <div ref="contentRef" class="overflow-hidden" :class="getContentClass" :style="getContentStyle">
       <slot></slot>
     </div>
 
@@ -27,15 +27,16 @@
   </div>
 </template>
 <script lang="ts" setup name="PageWrapper" inheritAttrs="false">
-import { CSSProperties, provide } from 'vue';
-import { computed, watch, ref, unref, useAttrs, useSlots } from 'vue';
-import PageFooter from './PageFooter.vue';
+import { PageHeader } from 'ant-design-vue';
+import { omit } from 'lodash-es';
+import { computed, CSSProperties, provide, ref, unref, useAttrs, useSlots, watch } from 'vue';
+
+import { useContentHeight } from '@/hooks/web/useContentHeight';
 import { useDesign } from '@/hooks/web/useDesign';
 import { propTypes } from '@/utils/propTypes';
-import { omit } from 'lodash-es';
-import { PageHeader } from 'ant-design-vue';
-import { useContentHeight } from '@/hooks/web/useContentHeight';
+
 import { PageWrapperFixedHeightKey } from '..';
+import PageFooter from './PageFooter.vue';
 
 const props = defineProps({
   title: propTypes.string,
diff --git a/src/components/Preview/index.ts b/src/components/Preview/index.ts
index c0b4685ea..b8e8c0d79 100644
--- a/src/components/Preview/index.ts
+++ b/src/components/Preview/index.ts
@@ -1,2 +1,2 @@
-export { default as ImagePreview } from './src/Preview.vue';
 export { createImgPreview } from './src/functional';
+export { default as ImagePreview } from './src/Preview.vue';
diff --git a/src/components/Preview/src/Functional.vue b/src/components/Preview/src/Functional.vue
index 5a9d6c145..49ff1b5b4 100644
--- a/src/components/Preview/src/Functional.vue
+++ b/src/components/Preview/src/Functional.vue
@@ -1,11 +1,12 @@
 <script lang="tsx">
-import { defineComponent, ref, unref, computed, reactive, watchEffect } from 'vue';
 import { CloseOutlined, LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
-import resumeSvg from '@/assets/svg/preview/resume.svg';
+import { computed, defineComponent, reactive, ref, unref, watchEffect } from 'vue';
+
 import rotateSvg from '@/assets/svg/preview/p-rotate.svg';
+import resumeSvg from '@/assets/svg/preview/resume.svg';
 import scaleSvg from '@/assets/svg/preview/scale.svg';
-import unScaleSvg from '@/assets/svg/preview/unscale.svg';
 import unRotateSvg from '@/assets/svg/preview/unrotate.svg';
+import unScaleSvg from '@/assets/svg/preview/unscale.svg';
 
 enum StatueEnum {
   LOADING,
diff --git a/src/components/Preview/src/Preview.vue b/src/components/Preview/src/Preview.vue
index f7913a8fc..a5a6626c7 100644
--- a/src/components/Preview/src/Preview.vue
+++ b/src/components/Preview/src/Preview.vue
@@ -5,7 +5,7 @@
       <template v-else>
         <template v-for="item in getImageList" :key="item.src">
           <Image v-bind="item">
-            <template #placeholder v-if="item.placeholder">
+            <template v-if="item.placeholder" #placeholder>
               <Image v-bind="item" :src="item.placeholder" :preview="false" />
             </template>
           </Image>
@@ -15,11 +15,12 @@
   </div>
 </template>
 <script lang="ts" setup name="ImagePreview">
-import { computed } from 'vue';
 import { Image, ImagePreviewGroup } from 'ant-design-vue';
+import { computed } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
-import { propTypes } from '@/utils/propTypes';
 import { isString } from '@/utils/is';
+import { propTypes } from '@/utils/propTypes';
 
 interface ImageProps {
   alt?: string;
diff --git a/src/components/Preview/src/functional.ts b/src/components/Preview/src/functional.ts
index c3ee2bff0..112b69cc6 100644
--- a/src/components/Preview/src/functional.ts
+++ b/src/components/Preview/src/functional.ts
@@ -1,8 +1,10 @@
-import type { Options, Props } from './typing';
-import ImgPreview from './Functional.vue';
-import { isClient } from '@/utils/is';
 import { createVNode, render } from 'vue';
 
+import { isClient } from '@/utils/is';
+
+import ImgPreview from './Functional.vue';
+import type { Options, Props } from './typing';
+
 let instance: ReturnType<typeof createVNode> | null = null;
 export function createImgPreview(options: Options) {
   if (!isClient) return;
diff --git a/src/components/Qrcode/index.ts b/src/components/Qrcode/index.ts
index 9f18e0f11..781e29dd6 100644
--- a/src/components/Qrcode/index.ts
+++ b/src/components/Qrcode/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import qrCode from './src/Qrcode.vue';
 
 export const QrCode = withInstall(qrCode);
diff --git a/src/components/Qrcode/src/Qrcode.vue b/src/components/Qrcode/src/Qrcode.vue
index 62d9102a7..897b57f3a 100644
--- a/src/components/Qrcode/src/Qrcode.vue
+++ b/src/components/Qrcode/src/Qrcode.vue
@@ -4,10 +4,12 @@
   </div>
 </template>
 <script lang="ts" setup name="QrCode">
-import { watch, ref, unref, onMounted } from 'vue';
-import { toCanvas, QRCodeRenderersOptions, LogoType } from './qrcodePlus';
 import { toDataURL } from 'qrcode';
+import { onMounted, ref, unref, watch } from 'vue';
+
 import { downloadByUrl } from '@/utils/file/download';
+
+import { LogoType, QRCodeRenderersOptions, toCanvas } from './qrcodePlus';
 import { QrcodeDoneEventParams } from './typing';
 
 const props = defineProps({
diff --git a/src/components/Qrcode/src/drawCanvas.ts b/src/components/Qrcode/src/drawCanvas.ts
index 82aee5f2a..bb44bd453 100644
--- a/src/components/Qrcode/src/drawCanvas.ts
+++ b/src/components/Qrcode/src/drawCanvas.ts
@@ -1,7 +1,8 @@
-import { toCanvas } from 'qrcode';
-import type { QRCodeRenderersOptions } from 'qrcode';
-import { RenderQrCodeParams, ContentType } from './typing';
 import { cloneDeep } from 'lodash-es';
+import type { QRCodeRenderersOptions } from 'qrcode';
+import { toCanvas } from 'qrcode';
+
+import { ContentType, RenderQrCodeParams } from './typing';
 
 export const renderQrCode = ({ canvas, content, width = 0, options: params = {} }: RenderQrCodeParams) => {
   const options = cloneDeep(params);
diff --git a/src/components/Qrcode/src/drawLogo.ts b/src/components/Qrcode/src/drawLogo.ts
index 4e0a6f9ec..c2aa2f26c 100644
--- a/src/components/Qrcode/src/drawLogo.ts
+++ b/src/components/Qrcode/src/drawLogo.ts
@@ -1,5 +1,7 @@
 import { isString } from '@/utils/is';
-import { RenderQrCodeParams, LogoType } from './typing';
+
+import { LogoType, RenderQrCodeParams } from './typing';
+
 export const drawLogo = ({ canvas, logo }: RenderQrCodeParams) => {
   if (!logo) {
     return new Promise((resolve) => {
diff --git a/src/components/Qrcode/src/qrcodePlus.ts b/src/components/Qrcode/src/qrcodePlus.ts
index 643986179..ddf611663 100644
--- a/src/components/Qrcode/src/qrcodePlus.ts
+++ b/src/components/Qrcode/src/qrcodePlus.ts
@@ -1,4 +1,5 @@
 // 参考 qr-code-with-logo 进行ts版本修改
 import { toCanvas } from './toCanvas';
+
 export * from './typing';
 export { toCanvas };
diff --git a/src/components/Qrcode/src/toCanvas.ts b/src/components/Qrcode/src/toCanvas.ts
index f74d59682..0a9799fba 100644
--- a/src/components/Qrcode/src/toCanvas.ts
+++ b/src/components/Qrcode/src/toCanvas.ts
@@ -1,6 +1,7 @@
 import { renderQrCode } from './drawCanvas';
 import { drawLogo } from './drawLogo';
 import { RenderQrCodeParams } from './typing';
+
 export const toCanvas = (options: RenderQrCodeParams) => {
   return renderQrCode(options)
     .then(() => {
diff --git a/src/components/Qrcode/src/typing.ts b/src/components/Qrcode/src/typing.ts
index 3a037e9db..3853ff445 100644
--- a/src/components/Qrcode/src/typing.ts
+++ b/src/components/Qrcode/src/typing.ts
@@ -1,10 +1,10 @@
-import type { QRCodeSegment, QRCodeRenderersOptions } from 'qrcode';
+import type { QRCodeRenderersOptions, QRCodeSegment } from 'qrcode';
 
 export type ContentType = string | QRCodeSegment[];
 
 export type { QRCodeRenderersOptions };
 
-export type LogoType = {
+export interface LogoType {
   src: string;
   logoSize: number;
   borderColor: string;
@@ -13,7 +13,7 @@ export type LogoType = {
   crossOrigin: string;
   borderRadius: number;
   logoRadius: number;
-};
+}
 
 export interface RenderQrCodeParams {
   canvas: any;
diff --git a/src/components/Scrollbar/src/Scrollbar.vue b/src/components/Scrollbar/src/Scrollbar.vue
index 96fad8a9f..9a6fe64e4 100644
--- a/src/components/Scrollbar/src/Scrollbar.vue
+++ b/src/components/Scrollbar/src/Scrollbar.vue
@@ -17,11 +17,13 @@
   </div>
 </template>
 <script lang="ts" setup name="Scrollbar">
-import { addResizeListener, removeResizeListener } from '@/utils/event';
+import { computed, nextTick, onBeforeUnmount, onMounted, provide, ref, unref } from 'vue';
+
 import componentSetting from '@/settings/componentSetting';
-import { toObject } from './util';
-import { ref, onMounted, onBeforeUnmount, nextTick, provide, computed, unref } from 'vue';
+import { addResizeListener, removeResizeListener } from '@/utils/event';
+
 import Bar from './bar';
+import { toObject } from './util';
 
 const props = defineProps({
   native: {
diff --git a/src/components/Scrollbar/src/bar.ts b/src/components/Scrollbar/src/bar.ts
index 724b47969..3d3f5c696 100644
--- a/src/components/Scrollbar/src/bar.ts
+++ b/src/components/Scrollbar/src/bar.ts
@@ -1,7 +1,8 @@
-import { defineComponent, h, computed, ref, getCurrentInstance, onUnmounted, inject, Ref } from 'vue';
-import { on, off } from '@/utils/domUtils';
+import { computed, defineComponent, getCurrentInstance, h, inject, onUnmounted, Ref, ref } from 'vue';
 
-import { renderThumbStyle, BAR_MAP } from './util';
+import { off, on } from '@/utils/domUtils';
+
+import { BAR_MAP, renderThumbStyle } from './util';
 
 export default defineComponent({
   name: 'Bar',
diff --git a/src/components/Scrollbar/src/util.ts b/src/components/Scrollbar/src/util.ts
index 72f18e5a4..4ee918380 100644
--- a/src/components/Scrollbar/src/util.ts
+++ b/src/components/Scrollbar/src/util.ts
@@ -1,4 +1,5 @@
 import type { BarMap } from './types';
+
 export const BAR_MAP: BarMap = {
   vertical: {
     offset: 'offsetHeight',
diff --git a/src/components/SimpleMenu/src/SimpleMenu.vue b/src/components/SimpleMenu/src/SimpleMenu.vue
index 4990bafd7..7be66198a 100644
--- a/src/components/SimpleMenu/src/SimpleMenu.vue
+++ b/src/components/SimpleMenu/src/SimpleMenu.vue
@@ -13,19 +13,21 @@
   </Menu>
 </template>
 <script lang="ts" setup name="SimpleMenu" inheritAttrs="false">
-import type { MenuState } from './types';
-import type { Menu as MenuType } from '@/router/types';
+import { computed, reactive, ref, toRefs, unref, useAttrs, watch } from 'vue';
 import type { RouteLocationNormalizedLoaded } from 'vue-router';
-import { computed, ref, unref, reactive, toRefs, watch, useAttrs } from 'vue';
+import { useRouter } from 'vue-router';
+
 import { useDesign } from '@/hooks/web/useDesign';
+import { listenerRouteChange } from '@/logics/mitt/routeChange';
+import { REDIRECT_NAME } from '@/router/constant';
+import type { Menu as MenuType } from '@/router/types';
+import { openWindow } from '@/utils';
+import { isFunction, isUrl } from '@/utils/is';
+import { propTypes } from '@/utils/propTypes';
+
 import Menu from './components/Menu.vue';
 import SimpleSubMenu from './SimpleSubMenu.vue';
-import { listenerRouteChange } from '@/logics/mitt/routeChange';
-import { propTypes } from '@/utils/propTypes';
-import { REDIRECT_NAME } from '@/router/constant';
-import { useRouter } from 'vue-router';
-import { isFunction, isUrl } from '@/utils/is';
-import { openWindow } from '@/utils';
+import type { MenuState } from './types';
 import { useOpenKeys } from './useOpenKeys';
 
 const props = defineProps({
diff --git a/src/components/SimpleMenu/src/SimpleMenuTag.vue b/src/components/SimpleMenu/src/SimpleMenuTag.vue
index 08fb11afc..66323a5d3 100644
--- a/src/components/SimpleMenu/src/SimpleMenuTag.vue
+++ b/src/components/SimpleMenu/src/SimpleMenuTag.vue
@@ -1,10 +1,11 @@
 <template>
-  <span :class="getTagClass" v-if="getShowTag">{{ getContent }}</span>
+  <span v-if="getShowTag" :class="getTagClass">{{ getContent }}</span>
 </template>
 <script lang="ts" setup name="SimpleMenuTag">
-import type { Menu } from '@/router/types';
 import { computed } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
+import type { Menu } from '@/router/types';
 import { propTypes } from '@/utils/propTypes';
 
 const props = defineProps({
diff --git a/src/components/SimpleMenu/src/SimpleSubMenu.vue b/src/components/SimpleMenu/src/SimpleSubMenu.vue
index d025dc549..437a95308 100644
--- a/src/components/SimpleMenu/src/SimpleSubMenu.vue
+++ b/src/components/SimpleMenu/src/SimpleSubMenu.vue
@@ -1,5 +1,5 @@
 <template>
-  <MenuItem :name="item.path" v-if="!menuHasChildren(item) && getShowMenu" v-bind="$props" :class="getLevelClass">
+  <MenuItem v-if="!menuHasChildren(item) && getShowMenu" :name="item.path" v-bind="$props" :class="getLevelClass">
     <Icon v-if="getIcon" :icon="getIcon" :size="16" />
     <div v-if="collapsedShowTitle && getIsCollapseParent" class="mt-1 collapse-title">
       {{ getI18nName }}
@@ -12,8 +12,8 @@
     </template>
   </MenuItem>
   <SubMenu
-    :name="item.path"
     v-if="menuHasChildren(item) && getShowMenu"
+    :name="item.path"
     :class="[getLevelClass, theme]"
     :collapsedShowTitle="collapsedShowTitle"
   >
@@ -35,16 +35,17 @@
   </SubMenu>
 </template>
 <script lang="ts" setup name="SimpleSubMenu">
-import type { Menu } from '@/router/types';
 import { computed } from 'vue';
-import { useDesign } from '@/hooks/web/useDesign';
+
 import { Icon } from '@/components/Icon';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useI18n } from '@/hooks/web/useI18n';
+import type { Menu } from '@/router/types';
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
+import { propTypes } from '@/utils/propTypes';
 
 import MenuItem from './components/MenuItem.vue';
 import SubMenu from './components/SubMenuItem.vue';
-import { propTypes } from '@/utils/propTypes';
-import { useI18n } from '@/hooks/web/useI18n';
-import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
 
 const SimpleMenuTag = createAsyncComponent(() => import('./SimpleMenuTag.vue'));
 
diff --git a/src/components/SimpleMenu/src/components/Menu.vue b/src/components/SimpleMenu/src/components/Menu.vue
index 3016bfc75..9a56f9c28 100644
--- a/src/components/SimpleMenu/src/components/Menu.vue
+++ b/src/components/SimpleMenu/src/components/Menu.vue
@@ -5,12 +5,14 @@
 </template>
 
 <script lang="ts" setup name="Menu">
-import type { SubMenuProvider } from './types';
-import { ref, computed, onMounted, watchEffect, watch, nextTick, getCurrentInstance, provide } from 'vue';
+import { computed, getCurrentInstance, nextTick, onMounted, provide, ref, watch, watchEffect } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
-import { propTypes } from '@/utils/propTypes';
-import { createSimpleRootMenuContext } from './useSimpleMenuContext';
 import mitt from '@/utils/mitt';
+import { propTypes } from '@/utils/propTypes';
+
+import type { SubMenuProvider } from './types';
+import { createSimpleRootMenuContext } from './useSimpleMenuContext';
 
 const props = defineProps({
   theme: propTypes.oneOf(['light', 'dark']).def('light'),
@@ -42,7 +44,7 @@ const { prefixCls } = useDesign('menu');
 const isRemoveAllPopup = ref(false);
 
 createSimpleRootMenuContext({
-  rootMenuEmitter: rootMenuEmitter,
+  rootMenuEmitter,
   activeName: currentActiveName,
 });
 
diff --git a/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue b/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue
index a3ee5966e..e6a07c4cc 100644
--- a/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue
+++ b/src/components/SimpleMenu/src/components/MenuCollapseTransition.vue
@@ -5,6 +5,7 @@
 </template>
 <script lang="ts" setup name="MenuCollapseTransition">
 import { addClass, removeClass } from '@/utils/domUtils';
+
 const on = {
   beforeEnter(el) {
     addClass(el, 'collapse-transition');
diff --git a/src/components/SimpleMenu/src/components/MenuItem.vue b/src/components/SimpleMenu/src/components/MenuItem.vue
index 66115d71e..f319eea3d 100644
--- a/src/components/SimpleMenu/src/components/MenuItem.vue
+++ b/src/components/SimpleMenu/src/components/MenuItem.vue
@@ -1,6 +1,6 @@
 <template>
-  <li :class="getClass" @click.stop="handleClickItem" :style="getCollapse ? {} : getItemStyle">
-    <Tooltip placement="right" v-if="showTooptip">
+  <li :class="getClass" :style="getCollapse ? {} : getItemStyle" @click.stop="handleClickItem">
+    <Tooltip v-if="showTooptip" placement="right">
       <template #title>
         <slot name="title"></slot>
       </template>
@@ -17,11 +17,13 @@
 </template>
 
 <script lang="ts" setup name="MenuItem">
-import { ref, useSlots, computed, unref, getCurrentInstance, watch } from 'vue';
+import { Tooltip } from 'ant-design-vue';
+import { computed, getCurrentInstance, ref, unref, useSlots, watch } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
 import { propTypes } from '@/utils/propTypes';
+
 import { useMenuItem } from './useMenu';
-import { Tooltip } from 'ant-design-vue';
 import { useSimpleRootMenuContext } from './useSimpleMenuContext';
 
 const props = defineProps({
@@ -75,7 +77,7 @@ function handleClickItem() {
   rootMenuEmitter.emit('on-update-opened', {
     opend: false,
     parent: instance?.parent,
-    uidList: uidList,
+    uidList,
   });
 }
 watch(
diff --git a/src/components/SimpleMenu/src/components/SubMenuItem.vue b/src/components/SimpleMenu/src/components/SubMenuItem.vue
index d2dba0dbd..5de3a6760 100644
--- a/src/components/SimpleMenu/src/components/SubMenuItem.vue
+++ b/src/components/SimpleMenu/src/components/SubMenuItem.vue
@@ -1,25 +1,25 @@
 <template>
   <li :class="getClass">
     <template v-if="!getCollapse">
-      <div :class="`${prefixCls}-submenu-title`" @click.stop="handleClick" :style="getItemStyle">
+      <div :class="`${prefixCls}-submenu-title`" :style="getItemStyle" @click.stop="handleClick">
         <slot name="title"></slot>
         <Icon icon="eva:arrow-ios-downward-outline" :size="14" :class="`${prefixCls}-submenu-title-icon`" />
       </div>
       <CollapseTransition>
-        <ul :class="prefixCls" v-show="state.opened">
+        <ul v-show="state.opened" :class="prefixCls">
           <slot></slot>
         </ul>
       </CollapseTransition>
     </template>
 
     <Popover
+      v-else
       placement="right"
       :overlayClassName="`${prefixCls}-menu-popover`"
-      v-else
       :visible="getIsOpend"
-      @visible-change="handleVisibleChange"
       :overlayStyle="getOverlayStyle"
       :align="{ offset: [0, 0] }"
+      @visible-change="handleVisibleChange"
     >
       <div :class="getSubClass" v-bind="getEvents(false)">
         <div
@@ -46,18 +46,21 @@
   </li>
 </template>
 <script lang="ts" setup name="SubMenu">
-import type { CSSProperties } from 'vue';
-import type { SubMenuProvider } from './types';
-import { computed, unref, getCurrentInstance, reactive, provide, onBeforeMount, inject } from 'vue';
-import { useDesign } from '@/hooks/web/useDesign';
-import { propTypes } from '@/utils/propTypes';
-import { useMenuItem } from './useMenu';
-import { useSimpleRootMenuContext } from './useSimpleMenuContext';
-import { CollapseTransition } from '@/components/Transition';
-import { Icon } from '@/components/Icon';
 import { Popover } from 'ant-design-vue';
+import type { CSSProperties } from 'vue';
+import { computed, getCurrentInstance, inject, onBeforeMount, provide, reactive, unref } from 'vue';
+
+import { Icon } from '@/components/Icon';
+import { CollapseTransition } from '@/components/Transition';
+import { useDesign } from '@/hooks/web/useDesign';
 import { isBoolean, isObject } from '@/utils/is';
 import mitt from '@/utils/mitt';
+import { propTypes } from '@/utils/propTypes';
+
+import type { SubMenuProvider } from './types';
+import { useMenuItem } from './useMenu';
+import { useSimpleRootMenuContext } from './useSimpleMenuContext';
+
 const DELAY = 200;
 const props = defineProps({
   name: {
@@ -164,7 +167,7 @@ function handleClick() {
     rootMenuEmitter.emit('on-update-opened', {
       opend: false,
       parent: instance?.parent,
-      uidList: uidList,
+      uidList,
     });
   } else {
     rootMenuEmitter.emit('open-name-change', {
diff --git a/src/components/SimpleMenu/src/components/useMenu.ts b/src/components/SimpleMenu/src/components/useMenu.ts
index 8830559d3..9cc31e313 100644
--- a/src/components/SimpleMenu/src/components/useMenu.ts
+++ b/src/components/SimpleMenu/src/components/useMenu.ts
@@ -1,5 +1,5 @@
-import { computed, ComponentInternalInstance, unref } from 'vue';
 import type { CSSProperties } from 'vue';
+import { ComponentInternalInstance, computed, unref } from 'vue';
 
 export function useMenuItem(instance: ComponentInternalInstance | null) {
   const getParentMenu = computed(() => {
diff --git a/src/components/SimpleMenu/src/components/useSimpleMenuContext.ts b/src/components/SimpleMenu/src/components/useSimpleMenuContext.ts
index 05631b87b..3ee37bf6a 100644
--- a/src/components/SimpleMenu/src/components/useSimpleMenuContext.ts
+++ b/src/components/SimpleMenu/src/components/useSimpleMenuContext.ts
@@ -1,6 +1,7 @@
 import type { InjectionKey, Ref } from 'vue';
-import type { Emitter } from '@/utils/mitt';
+
 import { createContext, useContext } from '@/hooks/core/useContext';
+import type { Emitter } from '@/utils/mitt';
 
 export interface SimpleRootMenuContextProps {
   rootMenuEmitter: Emitter;
diff --git a/src/components/SimpleMenu/src/useOpenKeys.ts b/src/components/SimpleMenu/src/useOpenKeys.ts
index f2e6c5676..a94c735cd 100644
--- a/src/components/SimpleMenu/src/useOpenKeys.ts
+++ b/src/components/SimpleMenu/src/useOpenKeys.ts
@@ -1,13 +1,11 @@
-import type { Menu as MenuType } from '@/router/types';
-import type { MenuState } from './types';
-
-import { computed, Ref, toRaw } from 'vue';
-
-import { unref } from 'vue';
+import { useDebounceFn, useTimeoutFn } from '@vueuse/core';
 import { uniq } from 'lodash-es';
-import { getAllParentPath } from '@/router/helper/menuHelper';
+import { computed, Ref, toRaw, unref } from 'vue';
 
-import { useTimeoutFn, useDebounceFn } from '@vueuse/core';
+import { getAllParentPath } from '@/router/helper/menuHelper';
+import type { Menu as MenuType } from '@/router/types';
+
+import type { MenuState } from './types';
 
 export function useOpenKeys(
   menuState: MenuState,
diff --git a/src/components/StrengthMeter/index.ts b/src/components/StrengthMeter/index.ts
index d7049b3e6..3cbc01fe7 100644
--- a/src/components/StrengthMeter/index.ts
+++ b/src/components/StrengthMeter/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import strengthMeter from './src/StrengthMeter.vue';
 
 export const StrengthMeter = withInstall(strengthMeter);
diff --git a/src/components/StrengthMeter/src/StrengthMeter.vue b/src/components/StrengthMeter/src/StrengthMeter.vue
index 74c94ce20..4383a9c1e 100644
--- a/src/components/StrengthMeter/src/StrengthMeter.vue
+++ b/src/components/StrengthMeter/src/StrengthMeter.vue
@@ -1,7 +1,7 @@
 <template>
   <div :class="prefixCls" class="relative">
-    <InputPassword v-if="showInput" v-bind="$attrs" allowClear :value="innerValueRef" @change="handleChange" :disabled="disabled">
-      <template #[item]="data" v-for="item in Object.keys($slots)">
+    <InputPassword v-if="showInput" v-bind="$attrs" allowClear :value="innerValueRef" :disabled="disabled" @change="handleChange">
+      <template v-for="item in Object.keys($slots)" #[item]="data">
         <slot :name="item" v-bind="data || {}"></slot>
       </template>
     </InputPassword>
@@ -11,9 +11,10 @@
   </div>
 </template>
 <script lang="ts" setup name="StrengthMeter">
-import { computed, ref, watch, unref, watchEffect } from 'vue';
-import { InputPassword } from 'ant-design-vue';
 import { zxcvbn } from '@zxcvbn-ts/core';
+import { InputPassword } from 'ant-design-vue';
+import { computed, ref, unref, watch, watchEffect } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
 import { propTypes } from '@/utils/propTypes';
 
diff --git a/src/components/Table/index.ts b/src/components/Table/index.ts
index 8a7fbf6a0..befe4983c 100644
--- a/src/components/Table/index.ts
+++ b/src/components/Table/index.ts
@@ -1,12 +1,11 @@
 export { default as BasicTable } from './src/BasicTable.vue';
-export { default as TableAction } from './src/components/TableAction.vue';
-export { default as EditTableHeaderIcon } from './src/components/EditTableHeaderIcon.vue';
-export { default as TableImg } from './src/components/TableImg.vue';
-
-export * from './src/types/table';
-export * from './src/types/pagination';
-export * from './src/types/tableAction';
-export { useTable } from './src/hooks/useTable';
-export { useRender } from './src/hooks/useRender';
-export type { FormSchema, FormProps } from '@/components/Form/src/types/form';
 export type { EditRecordRow } from './src/components/editable';
+export { default as EditTableHeaderIcon } from './src/components/EditTableHeaderIcon.vue';
+export { default as TableAction } from './src/components/TableAction.vue';
+export { default as TableImg } from './src/components/TableImg.vue';
+export { useRender } from './src/hooks/useRender';
+export { useTable } from './src/hooks/useTable';
+export * from './src/types/pagination';
+export * from './src/types/table';
+export * from './src/types/tableAction';
+export type { FormProps, FormSchema } from '@/components/Form/src/types/form';
diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue
index ff1e457f9..abc89e9dc 100644
--- a/src/components/Table/src/BasicTable.vue
+++ b/src/components/Table/src/BasicTable.vue
@@ -1,29 +1,29 @@
 <template>
   <div ref="wrapRef" :class="getWrapperClass">
     <BasicForm
+      v-if="getBindValues.useSearchForm"
       ref="formRef"
       submitOnReset
       v-bind="getFormProps"
-      v-if="getBindValues.useSearchForm"
       :tableAction="tableAction"
       @register="registerForm"
       @submit="handleSearchInfoChange"
       @advanced-change="redoHeight"
     >
-      <template #[replaceFormSlotKey(item)]="data" v-for="item in getFormSlotKeys">
+      <template v-for="item in getFormSlotKeys" #[replaceFormSlotKey(item)]="data">
         <slot :name="item" v-bind="data || {}"></slot>
       </template>
     </BasicForm>
 
     <Table
+      v-show="getEmptyDataIsShowTable"
       ref="tableElRef"
       v-bind="getBindValues"
       :rowClassName="getRowClassName"
-      v-show="getEmptyDataIsShowTable"
       @change="handleTableChange"
       @resize-column="handleResizeColumn"
     >
-      <template #[item]="data" v-for="item in Object.keys($slots)" :key="item">
+      <template v-for="item in Object.keys($slots)" #[item]="data" :key="item">
         <slot :name="item" v-bind="data || {}"></slot>
       </template>
       <template #headerCell="{ column }">
@@ -40,33 +40,35 @@
   </div>
 </template>
 <script lang="ts" setup name="BasicTable">
-import type { BasicTableProps, TableActionType, SizeType, ColumnChangeParam } from './types/table';
-import { ref, computed, unref, toRaw, inject, watchEffect, useAttrs, useSlots } from 'vue';
 import { Table } from 'ant-design-vue';
+import { omit } from 'lodash-es';
+import { computed, inject, ref, toRaw, unref, useAttrs, useSlots, watchEffect } from 'vue';
+
 import { BasicForm, useForm } from '@/components/Form';
 import { PageWrapperFixedHeightKey } from '@/components/Page';
-import HeaderCell from './components/HeaderCell.vue';
-import { InnerHandlers } from './types/table';
-import { usePagination } from './hooks/usePagination';
-import { useColumns } from './hooks/useColumns';
-import { useDataSource } from './hooks/useDataSource';
-import { useLoading } from './hooks/useLoading';
-import { useRowSelection } from './hooks/useRowSelection';
-import { useTableScroll } from './hooks/useTableScroll';
-import { useTableScrollTo } from './hooks/useScrollTo';
-import { useCustomRow } from './hooks/useCustomRow';
-import { useTableStyle } from './hooks/useTableStyle';
-import { useTableHeader } from './hooks/useTableHeader';
-import { useTableExpand } from './hooks/useTableExpand';
-import { createTableContext } from './hooks/useTableContext';
-import { useTableFooter } from './hooks/useTableFooter';
-import { useTableForm } from './hooks/useTableForm';
 import { useDesign } from '@/hooks/web/useDesign';
-import { omit } from 'lodash-es';
-import { basicProps } from './props';
 import { isFunction } from '@/utils/is';
 import { warn } from '@/utils/log';
 
+import HeaderCell from './components/HeaderCell.vue';
+import { useColumns } from './hooks/useColumns';
+import { useCustomRow } from './hooks/useCustomRow';
+import { useDataSource } from './hooks/useDataSource';
+import { useLoading } from './hooks/useLoading';
+import { usePagination } from './hooks/usePagination';
+import { useRowSelection } from './hooks/useRowSelection';
+import { useTableScrollTo } from './hooks/useScrollTo';
+import { createTableContext } from './hooks/useTableContext';
+import { useTableExpand } from './hooks/useTableExpand';
+import { useTableFooter } from './hooks/useTableFooter';
+import { useTableForm } from './hooks/useTableForm';
+import { useTableHeader } from './hooks/useTableHeader';
+import { useTableScroll } from './hooks/useTableScroll';
+import { useTableStyle } from './hooks/useTableStyle';
+import { basicProps } from './props';
+import type { BasicTableProps, ColumnChangeParam, SizeType, TableActionType } from './types/table';
+import { InnerHandlers } from './types/table';
+
 const props = defineProps(basicProps);
 const emit = defineEmits([
   'fetch-success',
diff --git a/src/components/Table/src/componentMap.ts b/src/components/Table/src/componentMap.ts
index 09038fed4..6382a296e 100644
--- a/src/components/Table/src/componentMap.ts
+++ b/src/components/Table/src/componentMap.ts
@@ -1,7 +1,9 @@
+import { AutoComplete, Checkbox, DatePicker, Input, InputNumber, Radio, Select, Switch, TimePicker } from 'ant-design-vue';
 import type { Component } from 'vue';
-import { Input, Select, Checkbox, InputNumber, Switch, DatePicker, TimePicker, AutoComplete, Radio } from 'ant-design-vue';
+
+import { ApiRadioGroup, ApiSelect, ApiTreeSelect, RadioButtonGroup } from '@/components/Form';
+
 import type { ComponentType } from './types/componentType';
-import { ApiSelect, ApiTreeSelect, RadioButtonGroup, ApiRadioGroup } from '@/components/Form';
 
 const componentMap = new Map<ComponentType, Component>();
 
diff --git a/src/components/Table/src/components/HeaderCell.vue b/src/components/Table/src/components/HeaderCell.vue
index 278913233..3058f0d75 100644
--- a/src/components/Table/src/components/HeaderCell.vue
+++ b/src/components/Table/src/components/HeaderCell.vue
@@ -7,11 +7,13 @@
 </template>
 <script lang="ts" setup name="TableHeaderCell">
 import { computed } from 'vue';
-import type { BasicColumn } from '../types/table';
+
 import BasicHelp from '@/components/Basic/src/BasicHelp.vue';
-import EditTableHeaderCell from './EditTableHeaderIcon.vue';
 import { useDesign } from '@/hooks/web/useDesign';
 
+import type { BasicColumn } from '../types/table';
+import EditTableHeaderCell from './EditTableHeaderIcon.vue';
+
 const props = defineProps({
   column: {
     type: Object as PropType<BasicColumn>,
diff --git a/src/components/Table/src/components/TableAction.vue b/src/components/Table/src/components/TableAction.vue
index 4924d126e..fdeb34a7d 100644
--- a/src/components/Table/src/components/TableAction.vue
+++ b/src/components/Table/src/components/TableAction.vue
@@ -3,37 +3,39 @@
     <template v-for="(action, index) in getActions" :key="`${index}-${action.label}`">
       <Tooltip v-if="action.tooltip" v-bind="getTooltip(action.tooltip)">
         <PopConfirmButton v-bind="action">
-          <Icon :icon="action.icon" :class="{ 'mr-1': !!action.label }" v-if="action.icon" />
+          <Icon v-if="action.icon" :icon="action.icon" :class="{ 'mr-1': !!action.label }" />
           <template v-if="action.label">{{ action.label }}</template>
         </PopConfirmButton>
       </Tooltip>
       <PopConfirmButton v-else v-bind="action">
-        <Icon :icon="action.icon" :class="{ 'mr-1': !!action.label }" v-if="action.icon" />
+        <Icon v-if="action.icon" :icon="action.icon" :class="{ 'mr-1': !!action.label }" />
         <template v-if="action.label">{{ action.label }}</template>
       </PopConfirmButton>
-      <Divider type="vertical" class="action-divider" v-if="divider && index < getActions.length - 1" />
+      <Divider v-if="divider && index < getActions.length - 1" type="vertical" class="action-divider" />
     </template>
-    <Dropdown :trigger="['hover']" :dropMenuList="getDropdownList" popconfirm v-if="dropDownActions && getDropdownList.length > 0">
+    <Dropdown v-if="dropDownActions && getDropdownList.length > 0" :trigger="['hover']" :dropMenuList="getDropdownList" popconfirm>
       <slot name="more"></slot>
-      <a-button type="link" v-if="!$slots.more"> <MoreOutlined class="icon-more" />{{ t('action.more') }} </a-button>
+      <a-button v-if="!$slots.more" type="link"> <MoreOutlined class="icon-more" />{{ t('action.more') }} </a-button>
     </Dropdown>
   </div>
 </template>
 <script lang="ts" setup name="TableAction">
-import { useI18n } from '@/hooks/web/useI18n';
-import { computed, toRaw, unref } from 'vue';
 import { MoreOutlined } from '@ant-design/icons-vue';
 import { Divider, Tooltip, TooltipProps } from 'ant-design-vue';
-import { Icon } from '@/components/Icon';
-import { ActionItem, TableActionType } from '@/components/Table';
+import { computed, toRaw, unref } from 'vue';
+
 import { PopConfirmButton } from '@/components/Button';
 import { Dropdown } from '@/components/Dropdown';
+import { Icon } from '@/components/Icon';
+import { ActionItem, TableActionType } from '@/components/Table';
 import { useDesign } from '@/hooks/web/useDesign';
-import { useTableContext } from '../hooks/useTableContext';
+import { useI18n } from '@/hooks/web/useI18n';
 import { usePermission } from '@/hooks/web/usePermission';
 import { isBoolean, isFunction, isString } from '@/utils/is';
 import { propTypes } from '@/utils/propTypes';
+
 import { ACTION_COLUMN_FLAG } from '../const';
+import { useTableContext } from '../hooks/useTableContext';
 
 const props = defineProps({
   actions: {
diff --git a/src/components/Table/src/components/TableFooter.vue b/src/components/Table/src/components/TableFooter.vue
index f7f97d72a..d91b8d447 100644
--- a/src/components/Table/src/components/TableFooter.vue
+++ b/src/components/Table/src/components/TableFooter.vue
@@ -12,14 +12,16 @@
   />
 </template>
 <script lang="ts" setup name="BasicTableFooter">
-import { unref, computed, toRaw } from 'vue';
 import { Table } from 'ant-design-vue';
 import { cloneDeep } from 'lodash-es';
+import { computed, toRaw, unref } from 'vue';
+
 import { isFunction } from '@/utils/is';
-import type { BasicColumn } from '../types/table';
-import { INDEX_COLUMN_FLAG } from '../const';
 import { propTypes } from '@/utils/propTypes';
+
+import { INDEX_COLUMN_FLAG } from '../const';
 import { useTableContext } from '../hooks/useTableContext';
+import type { BasicColumn } from '../types/table';
 
 const SUMMARY_ROW_KEY = '_row';
 const SUMMARY_INDEX_KEY = '_index';
diff --git a/src/components/Table/src/components/TableHeader.vue b/src/components/Table/src/components/TableHeader.vue
index 7f2feaf51..f4aa46702 100644
--- a/src/components/Table/src/components/TableHeader.vue
+++ b/src/components/Table/src/components/TableHeader.vue
@@ -4,22 +4,24 @@
       <slot name="headerTop"></slot>
     </div>
     <div class="flex items-center">
-      <slot name="tableTitle" v-if="$slots.tableTitle"></slot>
-      <TableTitle :helpMessage="titleHelpMessage" :title="title" v-if="!$slots.tableTitle && title" />
+      <slot v-if="$slots.tableTitle" name="tableTitle"></slot>
+      <TableTitle v-if="!$slots.tableTitle && title" :helpMessage="titleHelpMessage" :title="title" />
       <div :class="`${prefixCls}__toolbar`">
         <slot name="toolbar"></slot>
-        <Divider type="vertical" v-if="$slots.toolbar && showTableSetting" />
-        <TableSettingComponent :setting="tableSetting" v-if="showTableSetting" @columns-change="handleColumnChange" />
+        <Divider v-if="$slots.toolbar && showTableSetting" type="vertical" />
+        <TableSettingComponent v-if="showTableSetting" :setting="tableSetting" @columns-change="handleColumnChange" />
       </div>
     </div>
   </div>
 </template>
 <script lang="ts" setup name="BasicTableHeader">
-import type { TableSetting, ColumnChangeParam } from '../types/table';
 import { Divider } from 'ant-design-vue';
+
+import { useDesign } from '@/hooks/web/useDesign';
+
+import type { ColumnChangeParam, TableSetting } from '../types/table';
 import TableSettingComponent from './settings/index.vue';
 import TableTitle from './TableTitle.vue';
-import { useDesign } from '@/hooks/web/useDesign';
 
 defineProps({
   title: {
diff --git a/src/components/Table/src/components/TableImg.vue b/src/components/Table/src/components/TableImg.vue
index dace2ce39..5f9d41796 100644
--- a/src/components/Table/src/components/TableImg.vue
+++ b/src/components/Table/src/components/TableImg.vue
@@ -1,6 +1,6 @@
 <template>
-  <div :class="prefixCls" class="flex items-center mx-auto" v-if="imgList && imgList.length" :style="getWrapStyle">
-    <Badge :count="!showBadge || imgList.length == 1 ? 0 : imgList.length" v-if="simpleShow">
+  <div v-if="imgList && imgList.length" :class="prefixCls" class="flex items-center mx-auto" :style="getWrapStyle">
+    <Badge v-if="simpleShow" :count="!showBadge || imgList.length == 1 ? 0 : imgList.length">
       <div class="img-div">
         <ImagePreviewGroup>
           <template v-for="(img, index) in imgList" :key="img">
@@ -24,10 +24,11 @@
   </div>
 </template>
 <script lang="ts" setup name="TableImage">
+import { Badge, Image, ImagePreviewGroup } from 'ant-design-vue';
 import type { CSSProperties } from 'vue';
 import { computed } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
-import { Image, Badge, ImagePreviewGroup } from 'ant-design-vue';
 import { propTypes } from '@/utils/propTypes';
 
 const props = defineProps({
diff --git a/src/components/Table/src/components/TableTitle.vue b/src/components/Table/src/components/TableTitle.vue
index 2ad031bf8..dc000c1a2 100644
--- a/src/components/Table/src/components/TableTitle.vue
+++ b/src/components/Table/src/components/TableTitle.vue
@@ -1,10 +1,11 @@
 <template>
-  <BasicTitle :class="prefixCls" v-if="getTitle" :helpMessage="helpMessage">
+  <BasicTitle v-if="getTitle" :class="prefixCls" :helpMessage="helpMessage">
     {{ getTitle }}
   </BasicTitle>
 </template>
 <script lang="ts" setup name="BasicTableTitle">
 import { computed } from 'vue';
+
 import { BasicTitle } from '@/components/Basic';
 import { useDesign } from '@/hooks/web/useDesign';
 import { isFunction } from '@/utils/is';
diff --git a/src/components/Table/src/components/editable/CellComponent.ts b/src/components/Table/src/components/editable/CellComponent.ts
index 8163c6336..b649aa91d 100644
--- a/src/components/Table/src/components/editable/CellComponent.ts
+++ b/src/components/Table/src/components/editable/CellComponent.ts
@@ -1,9 +1,10 @@
-import type { FunctionalComponent, defineComponent } from 'vue';
-import type { ComponentType } from '../../types/componentType';
+import { Popover } from 'ant-design-vue';
+import type { defineComponent, FunctionalComponent } from 'vue';
+import { h } from 'vue';
+
 import { componentMap } from '@/components/Table/src/componentMap';
 
-import { Popover } from 'ant-design-vue';
-import { h } from 'vue';
+import type { ComponentType } from '../../types/componentType';
 
 export interface ComponentProps {
   component: ComponentType;
diff --git a/src/components/Table/src/components/editable/EditableCell.vue b/src/components/Table/src/components/editable/EditableCell.vue
index d0cff30ce..5d1df07e9 100644
--- a/src/components/Table/src/components/editable/EditableCell.vue
+++ b/src/components/Table/src/components/editable/EditableCell.vue
@@ -1,22 +1,21 @@
 <script lang="tsx">
+import { CheckOutlined, CloseOutlined, FormOutlined } from '@ant-design/icons-vue';
+import { Spin } from 'ant-design-vue';
+import { pick, set } from 'lodash-es';
 import type { CSSProperties } from 'vue';
 import { computed, defineComponent, nextTick, ref, toRaw, unref, watchEffect } from 'vue';
-import type { BasicColumn } from '../../types/table';
-import type { EditRecordRow } from './index';
-import { CheckOutlined, CloseOutlined, FormOutlined } from '@ant-design/icons-vue';
-import { CellComponent } from './CellComponent';
-
-import { useDesign } from '@/hooks/web/useDesign';
-import { useTableContext } from '../../hooks/useTableContext';
 
 import clickOutside from '@/directives/clickOutside';
-
-import { propTypes } from '@/utils/propTypes';
-import { isArray, isBoolean, isFunction, isNumber, isString } from '@/utils/is';
-import { createPlaceholderMessage } from './helper';
-import { pick, set } from 'lodash-es';
+import { useDesign } from '@/hooks/web/useDesign';
 import { treeToList } from '@/utils/helper/treeHelper';
-import { Spin } from 'ant-design-vue';
+import { isArray, isBoolean, isFunction, isNumber, isString } from '@/utils/is';
+import { propTypes } from '@/utils/propTypes';
+
+import { useTableContext } from '../../hooks/useTableContext';
+import type { BasicColumn } from '../../types/table';
+import { CellComponent } from './CellComponent';
+import { createPlaceholderMessage } from './helper';
+import type { EditRecordRow } from './index';
 
 export default defineComponent({
   name: 'EditableCell',
@@ -216,7 +215,7 @@ export default defineComponent({
         }
         if (isFunction(editRule)) {
           const res = await editRule(currentValue, record as Recordable);
-          if (!!res) {
+          if (res) {
             ruleMessage.value = res;
             ruleVisible.value = true;
             return false;
diff --git a/src/components/Table/src/components/editable/helper.ts b/src/components/Table/src/components/editable/helper.ts
index b5d66a8f2..97f144a20 100644
--- a/src/components/Table/src/components/editable/helper.ts
+++ b/src/components/Table/src/components/editable/helper.ts
@@ -1,6 +1,7 @@
-import { ComponentType } from '../../types/componentType';
 import { useI18n } from '@/hooks/web/useI18n';
 
+import { ComponentType } from '../../types/componentType';
+
 const { t } = useI18n();
 
 /**
diff --git a/src/components/Table/src/components/editable/index.ts b/src/components/Table/src/components/editable/index.ts
index 0044b7e7f..dd69ca5e8 100644
--- a/src/components/Table/src/components/editable/index.ts
+++ b/src/components/Table/src/components/editable/index.ts
@@ -1,10 +1,10 @@
-import type { BasicColumn } from '@/components/Table/src/types/table';
-
 import { h, Ref } from 'vue';
 
-import EditableCell from './EditableCell.vue';
+import type { BasicColumn } from '@/components/Table/src/types/table';
 import { isArray } from '@/utils/is';
 
+import EditableCell from './EditableCell.vue';
+
 interface Params {
   text: string;
   record: Recordable;
diff --git a/src/components/Table/src/components/settings/ColumnSetting.vue b/src/components/Table/src/components/settings/ColumnSetting.vue
index 6afcf56c7..e153ac731 100644
--- a/src/components/Table/src/components/settings/ColumnSetting.vue
+++ b/src/components/Table/src/components/settings/ColumnSetting.vue
@@ -6,13 +6,13 @@
     <Popover
       placement="bottomLeft"
       trigger="click"
-      @visible-change="handleVisibleChange"
       :overlayClassName="`${prefixCls}__cloumn-list`"
       :getPopupContainer="getPopupContainer"
+      @visible-change="handleVisibleChange"
     >
       <template #title>
         <div :class="`${prefixCls}__popover-title`">
-          <Checkbox :indeterminate="indeterminate" v-model:checked="state.checkAll" @change="onCheckAllChange">
+          <Checkbox v-model:checked="state.checkAll" :indeterminate="indeterminate" @change="onCheckAllChange">
             {{ t('component.table.settingColumnShow') }}
           </Checkbox>
 
@@ -20,7 +20,7 @@
             {{ t('component.table.settingIndexColumnShow') }}
           </Checkbox>
 
-          <Checkbox v-model:checked="checkSelect" @change="handleSelectCheckChange" :disabled="!defaultRowSelection">
+          <Checkbox v-model:checked="checkSelect" :disabled="!defaultRowSelection" @change="handleSelectCheckChange">
             {{ t('component.table.settingSelectColumnShow') }}
           </Checkbox>
 
@@ -32,9 +32,9 @@
 
       <template #content>
         <ScrollContainer>
-          <CheckboxGroup v-model:value="state.checkedList" @change="onChange" ref="columnListRef">
+          <CheckboxGroup ref="columnListRef" v-model:value="state.checkedList" @change="onChange">
             <template v-for="item in plainOptions" :key="item.value">
-              <div :class="`${prefixCls}__check-item`" v-if="!('ifShow' in item && !item.ifShow)">
+              <div v-if="!('ifShow' in item && !item.ifShow)" :class="`${prefixCls}__check-item`">
                 <DragOutlined class="table-column-drag-icon" />
                 <Checkbox :value="item.value">
                   {{ item.label }}
@@ -83,22 +83,24 @@
   </Tooltip>
 </template>
 <script lang="ts" setup name="ColumnSetting">
-import type { BasicColumn, ColumnChangeParam } from '../../types/table';
-import { ref, reactive, useAttrs, watchEffect, nextTick, unref, computed } from 'vue';
-import { Tooltip, Popover, Checkbox, Divider } from 'ant-design-vue';
+import { DragOutlined, SettingOutlined } from '@ant-design/icons-vue';
+import { Checkbox, Divider, Popover, Tooltip } from 'ant-design-vue';
 import type { CheckboxChangeEvent } from 'ant-design-vue/lib/checkbox/interface';
-import { SettingOutlined, DragOutlined } from '@ant-design/icons-vue';
-import { Icon } from '@/components/Icon';
+import { cloneDeep, omit } from 'lodash-es';
+import type Sortable from 'sortablejs';
+import Sortablejs from 'sortablejs';
+import { computed, nextTick, reactive, ref, unref, useAttrs, watchEffect } from 'vue';
+
 import { ScrollContainer } from '@/components/Container';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useTableContext } from '../../hooks/useTableContext';
+import { Icon } from '@/components/Icon';
 import { useDesign } from '@/hooks/web/useDesign';
+import { useI18n } from '@/hooks/web/useI18n';
+import { getPopupContainer as getParentContainer } from '@/utils';
 // import { useSortable } from '@/hooks/web/useSortable';
 import { isFunction, isNullAndUnDef } from '@/utils/is';
-import { getPopupContainer as getParentContainer } from '@/utils';
-import { cloneDeep, omit } from 'lodash-es';
-import Sortablejs from 'sortablejs';
-import type Sortable from 'sortablejs';
+
+import { useTableContext } from '../../hooks/useTableContext';
+import type { BasicColumn, ColumnChangeParam } from '../../types/table';
 
 interface State {
   checkAll: boolean;
@@ -220,7 +222,7 @@ function onCheckAllChange(e: CheckboxChangeEvent) {
 
 const indeterminate = computed(() => {
   const len = plainOptions.value.length;
-  let checkedLen = state.checkedList.length;
+  const checkedLen = state.checkedList.length;
   // unref(checkIndex) && checkedLen--;
   return checkedLen > 0 && checkedLen < len;
 });
diff --git a/src/components/Table/src/components/settings/FullScreenSetting.vue b/src/components/Table/src/components/settings/FullScreenSetting.vue
index 7265b49fa..a789f8562 100644
--- a/src/components/Table/src/components/settings/FullScreenSetting.vue
+++ b/src/components/Table/src/components/settings/FullScreenSetting.vue
@@ -3,15 +3,17 @@
     <template #title>
       <span>{{ t('component.table.settingFullScreen') }}</span>
     </template>
-    <FullscreenOutlined @click="toggle" v-if="!isFullscreen" />
-    <FullscreenExitOutlined @click="toggle" v-else />
+    <FullscreenOutlined v-if="!isFullscreen" @click="toggle" />
+    <FullscreenExitOutlined v-else @click="toggle" />
   </Tooltip>
 </template>
 <script lang="ts" setup nmae="FullScreenSetting">
-import { Tooltip } from 'ant-design-vue';
-import { FullscreenOutlined, FullscreenExitOutlined } from '@ant-design/icons-vue';
+import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue';
 import { useFullscreen } from '@vueuse/core';
+import { Tooltip } from 'ant-design-vue';
+
 import { useI18n } from '@/hooks/web/useI18n';
+
 import { useTableContext } from '../../hooks/useTableContext';
 
 const table = useTableContext();
diff --git a/src/components/Table/src/components/settings/RedoSetting.vue b/src/components/Table/src/components/settings/RedoSetting.vue
index 2588b6b82..58c2fd631 100644
--- a/src/components/Table/src/components/settings/RedoSetting.vue
+++ b/src/components/Table/src/components/settings/RedoSetting.vue
@@ -7,9 +7,11 @@
   </Tooltip>
 </template>
 <script lang="ts" setup name="RedoSetting">
-import { Tooltip } from 'ant-design-vue';
 import { RedoOutlined } from '@ant-design/icons-vue';
+import { Tooltip } from 'ant-design-vue';
+
 import { useI18n } from '@/hooks/web/useI18n';
+
 import { useTableContext } from '../../hooks/useTableContext';
 
 const table = useTableContext();
diff --git a/src/components/Table/src/components/settings/SizeSetting.vue b/src/components/Table/src/components/settings/SizeSetting.vue
index 3d2f8ec70..32c9e914b 100644
--- a/src/components/Table/src/components/settings/SizeSetting.vue
+++ b/src/components/Table/src/components/settings/SizeSetting.vue
@@ -7,7 +7,7 @@
     <Dropdown placement="bottom" :trigger="['click']" :getPopupContainer="getPopupContainer">
       <ColumnHeightOutlined />
       <template #overlay>
-        <Menu @click="handleTitleClick" selectable v-model:selectedKeys="selectedKeysRef">
+        <Menu v-model:selectedKeys="selectedKeysRef" selectable @click="handleTitleClick">
           <MenuItem key="default">
             <span>{{ t('component.table.settingDensDefault') }}</span>
           </MenuItem>
@@ -23,14 +23,16 @@
   </Tooltip>
 </template>
 <script lang="ts" setup name="SizeSetting">
-import type { SizeType } from '../../types/table';
-import { ref } from 'vue';
-import { Tooltip, Dropdown, Menu } from 'ant-design-vue';
 import { ColumnHeightOutlined } from '@ant-design/icons-vue';
+import { Dropdown, Menu, Tooltip } from 'ant-design-vue';
+import { ref } from 'vue';
+
 import { useI18n } from '@/hooks/web/useI18n';
-import { useTableContext } from '../../hooks/useTableContext';
 import { getPopupContainer } from '@/utils';
 
+import { useTableContext } from '../../hooks/useTableContext';
+import type { SizeType } from '../../types/table';
+
 const MenuItem = Menu.Item;
 const table = useTableContext();
 const { t } = useI18n();
diff --git a/src/components/Table/src/components/settings/index.vue b/src/components/Table/src/components/settings/index.vue
index a1ebc8379..49571c6c8 100644
--- a/src/components/Table/src/components/settings/index.vue
+++ b/src/components/Table/src/components/settings/index.vue
@@ -2,18 +2,19 @@
   <div class="table-settings">
     <RedoSetting v-if="getSetting.redo" :getPopupContainer="getTableContainer" />
     <SizeSetting v-if="getSetting.size" :getPopupContainer="getTableContainer" />
-    <ColumnSetting v-if="getSetting.setting" @columns-change="handleColumnChange" :getPopupContainer="getTableContainer" />
+    <ColumnSetting v-if="getSetting.setting" :getPopupContainer="getTableContainer" @columns-change="handleColumnChange" />
     <FullScreenSetting v-if="getSetting.fullScreen" :getPopupContainer="getTableContainer" />
   </div>
 </template>
 <script lang="ts" setup name="TableSetting">
-import type { TableSetting, ColumnChangeParam } from '../../types/table';
 import { computed, unref } from 'vue';
-import ColumnSetting from './ColumnSetting.vue';
-import SizeSetting from './SizeSetting.vue';
-import RedoSetting from './RedoSetting.vue';
-import FullScreenSetting from './FullScreenSetting.vue';
+
 import { useTableContext } from '../../hooks/useTableContext';
+import type { ColumnChangeParam, TableSetting } from '../../types/table';
+import ColumnSetting from './ColumnSetting.vue';
+import FullScreenSetting from './FullScreenSetting.vue';
+import RedoSetting from './RedoSetting.vue';
+import SizeSetting from './SizeSetting.vue';
 
 const props = defineProps({
   setting: {
diff --git a/src/components/Table/src/hooks/useColumns.ts b/src/components/Table/src/hooks/useColumns.ts
index 1412431ed..8bbf76c16 100644
--- a/src/components/Table/src/hooks/useColumns.ts
+++ b/src/components/Table/src/hooks/useColumns.ts
@@ -1,14 +1,16 @@
-import type { BasicColumn, BasicTableProps, CellFormat, GetColumnsParams } from '../types/table';
-import type { PaginationProps } from '../types/pagination';
-import type { ComputedRef } from 'vue';
-import { computed, Ref, ref, reactive, toRaw, unref, watch } from 'vue';
-import { renderEditCell } from '../components/editable';
-import { usePermission } from '@/hooks/web/usePermission';
-import { useI18n } from '@/hooks/web/useI18n';
-import { isArray, isBoolean, isFunction, isMap, isString } from '@/utils/is';
 import { cloneDeep, isEqual } from 'lodash-es';
+import type { ComputedRef } from 'vue';
+import { computed, reactive, Ref, ref, toRaw, unref, watch } from 'vue';
+
+import { useI18n } from '@/hooks/web/useI18n';
+import { usePermission } from '@/hooks/web/usePermission';
 import { formatToDate } from '@/utils/dateUtil';
+import { isArray, isBoolean, isFunction, isMap, isString } from '@/utils/is';
+
+import { renderEditCell } from '../components/editable';
 import { ACTION_COLUMN_FLAG, DEFAULT_ALIGN, INDEX_COLUMN_FLAG, PAGE_SIZE } from '../const';
+import type { PaginationProps } from '../types/pagination';
+import type { BasicColumn, BasicTableProps, CellFormat, GetColumnsParams } from '../types/table';
 
 function handleItem(item: BasicColumn, ellipsis: boolean) {
   const { key, dataIndex, children } = item;
diff --git a/src/components/Table/src/hooks/useCustomRow.ts b/src/components/Table/src/hooks/useCustomRow.ts
index e5ed0e3ae..31e2e1d7c 100644
--- a/src/components/Table/src/hooks/useCustomRow.ts
+++ b/src/components/Table/src/hooks/useCustomRow.ts
@@ -1,8 +1,10 @@
 import type { ComputedRef } from 'vue';
-import type { BasicTableProps } from '../types/table';
 import { unref } from 'vue';
+
+import { isFunction, isString } from '@/utils/is';
+
 import { ROW_KEY } from '../const';
-import { isString, isFunction } from '@/utils/is';
+import type { BasicTableProps } from '../types/table';
 
 interface Options {
   setSelectedRowKeys: (keys: string[]) => void;
diff --git a/src/components/Table/src/hooks/useDataSource.ts b/src/components/Table/src/hooks/useDataSource.ts
index cb415cb22..8fe23a259 100644
--- a/src/components/Table/src/hooks/useDataSource.ts
+++ b/src/components/Table/src/hooks/useDataSource.ts
@@ -1,11 +1,13 @@
-import type { BasicTableProps, FetchParams, SorterResult } from '../types/table';
-import type { PaginationProps } from '../types/pagination';
-import { ref, unref, ComputedRef, computed, onMounted, watch, reactive, Ref, watchEffect } from 'vue';
 import { useTimeoutFn } from '@vueuse/core';
+import { cloneDeep, get, merge } from 'lodash-es';
+import { computed, ComputedRef, onMounted, reactive, Ref, ref, unref, watch, watchEffect } from 'vue';
+
+import { isBoolean, isFunction, isObject } from '@/utils/is';
 import { buildUUID } from '@/utils/uuid';
-import { isFunction, isBoolean, isObject } from '@/utils/is';
-import { get, cloneDeep, merge } from 'lodash-es';
-import { FETCH_SETTING, ROW_KEY, PAGE_SIZE } from '../const';
+
+import { FETCH_SETTING, PAGE_SIZE, ROW_KEY } from '../const';
+import type { PaginationProps } from '../types/pagination';
+import type { BasicTableProps, FetchParams, SorterResult } from '../types/table';
 
 interface ActionType {
   getPaginationInfo: ComputedRef<boolean | PaginationProps>;
diff --git a/src/components/Table/src/hooks/useLoading.ts b/src/components/Table/src/hooks/useLoading.ts
index fe8a0f164..58cb0621b 100644
--- a/src/components/Table/src/hooks/useLoading.ts
+++ b/src/components/Table/src/hooks/useLoading.ts
@@ -1,4 +1,5 @@
-import { ref, ComputedRef, unref, computed, watch } from 'vue';
+import { computed, ComputedRef, ref, unref, watch } from 'vue';
+
 import type { BasicTableProps } from '../types/table';
 
 export function useLoading(props: ComputedRef<BasicTableProps>) {
diff --git a/src/components/Table/src/hooks/usePagination.tsx b/src/components/Table/src/hooks/usePagination.tsx
index e5fa6f3e3..8e4d0bfb3 100644
--- a/src/components/Table/src/hooks/usePagination.tsx
+++ b/src/components/Table/src/hooks/usePagination.tsx
@@ -1,10 +1,12 @@
+import { LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
+import { computed, ComputedRef, ref, unref, watch } from 'vue';
+
+import { useI18n } from '@/hooks/web/useI18n';
+import { isBoolean } from '@/utils/is';
+
+import { PAGE_SIZE, PAGE_SIZE_OPTIONS } from '../const';
 import type { PaginationProps } from '../types/pagination';
 import type { BasicTableProps } from '../types/table';
-import { computed, unref, ref, ComputedRef, watch } from 'vue';
-import { LeftOutlined, RightOutlined } from '@ant-design/icons-vue';
-import { isBoolean } from '@/utils/is';
-import { PAGE_SIZE, PAGE_SIZE_OPTIONS } from '../const';
-import { useI18n } from '@/hooks/web/useI18n';
 
 interface ItemRender {
   page: number;
@@ -54,7 +56,7 @@ export function usePagination(refProps: ComputedRef<BasicTableProps>) {
       showTotal: (total) => t('component.table.total', { total }),
       showSizeChanger: true,
       pageSizeOptions: PAGE_SIZE_OPTIONS,
-      itemRender: itemRender,
+      itemRender,
       showQuickJumper: true,
       ...(isBoolean(pagination) ? {} : pagination),
       ...unref(configRef),
diff --git a/src/components/Table/src/hooks/useRender.ts b/src/components/Table/src/hooks/useRender.ts
index 6a0f70ca8..7f4f0f2c0 100644
--- a/src/components/Table/src/hooks/useRender.ts
+++ b/src/components/Table/src/hooks/useRender.ts
@@ -1,9 +1,10 @@
-import { DictTag } from '@/components/DictTag';
-import Icon from '@/components/Icon';
 import { Button, Image, Tag } from 'ant-design-vue';
 import dayjs from 'dayjs';
 import { h } from 'vue';
 
+import { DictTag } from '@/components/DictTag';
+import Icon from '@/components/Icon';
+
 export const useRender = {
   /**
    * 渲染图片
@@ -94,7 +95,7 @@ export const useRender = {
    */
   renderDict: (text, type, dictType?) => {
     if (type) {
-      return h(DictTag, { type: type, value: text, dictType: dictType || 'number' });
+      return h(DictTag, { type, value: text, dictType: dictType || 'number' });
     }
     return '';
   },
diff --git a/src/components/Table/src/hooks/useRowSelection.ts b/src/components/Table/src/hooks/useRowSelection.ts
index 089d5f91b..ff2a984a0 100644
--- a/src/components/Table/src/hooks/useRowSelection.ts
+++ b/src/components/Table/src/hooks/useRowSelection.ts
@@ -1,9 +1,11 @@
-import { isFunction } from '@/utils/is';
-import type { BasicTableProps, TableRowSelection } from '../types/table';
-import { computed, ComputedRef, nextTick, Ref, ref, toRaw, unref, watch } from 'vue';
-import { ROW_KEY } from '../const';
 import { omit } from 'lodash-es';
+import { computed, ComputedRef, nextTick, Ref, ref, toRaw, unref, watch } from 'vue';
+
 import { findNodeAll } from '@/utils/helper/treeHelper';
+import { isFunction } from '@/utils/is';
+
+import { ROW_KEY } from '../const';
+import type { BasicTableProps, TableRowSelection } from '../types/table';
 
 export function useRowSelection(propsRef: ComputedRef<BasicTableProps>, tableData: Ref<Recordable[]>, emit: EmitType) {
   const selectedRowKeysRef = ref<string[]>([]);
diff --git a/src/components/Table/src/hooks/useScrollTo.ts b/src/components/Table/src/hooks/useScrollTo.ts
index de77af857..0794d737b 100644
--- a/src/components/Table/src/hooks/useScrollTo.ts
+++ b/src/components/Table/src/hooks/useScrollTo.ts
@@ -1,5 +1,6 @@
 import type { ComputedRef, Ref } from 'vue';
 import { nextTick, unref } from 'vue';
+
 import { warn } from '@/utils/log';
 
 export function useTableScrollTo(tableElRef: Ref<ComponentRef>, getDataSourceRef: ComputedRef<Recordable[]>) {
diff --git a/src/components/Table/src/hooks/useTable.ts b/src/components/Table/src/hooks/useTable.ts
index 63fce650c..0ec3e9202 100644
--- a/src/components/Table/src/hooks/useTable.ts
+++ b/src/components/Table/src/hooks/useTable.ts
@@ -1,12 +1,14 @@
-import type { BasicTableProps, TableActionType, FetchParams, BasicColumn } from '../types/table';
-import type { PaginationProps } from '../types/pagination';
-import type { DynamicProps } from '@/types/utils';
-import type { FormActionType } from '@/components/Form';
 import type { WatchStopHandle } from 'vue';
+import { onUnmounted, ref, toRaw, unref, watch } from 'vue';
+
+import type { FormActionType } from '@/components/Form';
 import { getDynamicProps } from '@/utils';
-import { ref, onUnmounted, unref, watch, toRaw } from 'vue';
 import { isProdMode } from '@/utils/env';
 import { error } from '@/utils/log';
+import type { DynamicProps } from '#/utils';
+
+import type { PaginationProps } from '../types/pagination';
+import type { BasicColumn, BasicTableProps, FetchParams, TableActionType } from '../types/table';
 
 type Props = Partial<DynamicProps<BasicTableProps>>;
 
diff --git a/src/components/Table/src/hooks/useTableContext.ts b/src/components/Table/src/hooks/useTableContext.ts
index b657bb27e..23deb5b18 100644
--- a/src/components/Table/src/hooks/useTableContext.ts
+++ b/src/components/Table/src/hooks/useTableContext.ts
@@ -1,6 +1,7 @@
 import type { Ref } from 'vue';
+import { ComputedRef, inject, provide } from 'vue';
+
 import type { BasicTableProps, TableActionType } from '../types/table';
-import { provide, inject, ComputedRef } from 'vue';
 
 const key = Symbol('basic-table');
 
diff --git a/src/components/Table/src/hooks/useTableExpand.ts b/src/components/Table/src/hooks/useTableExpand.ts
index f1e35b484..967c876b0 100644
--- a/src/components/Table/src/hooks/useTableExpand.ts
+++ b/src/components/Table/src/hooks/useTableExpand.ts
@@ -1,7 +1,8 @@
 import type { ComputedRef, Ref } from 'vue';
-import type { BasicTableProps } from '../types/table';
-import { computed, unref, ref, toRaw } from 'vue';
+import { computed, ref, toRaw, unref } from 'vue';
+
 import { ROW_KEY } from '../const';
+import type { BasicTableProps } from '../types/table';
 
 export function useTableExpand(propsRef: ComputedRef<BasicTableProps>, tableData: Ref<Recordable[]>, emit: EmitType) {
   const expandedRowKeys = ref<string[]>([]);
diff --git a/src/components/Table/src/hooks/useTableFooter.ts b/src/components/Table/src/hooks/useTableFooter.ts
index 9aa13c2fa..79d1dffb7 100644
--- a/src/components/Table/src/hooks/useTableFooter.ts
+++ b/src/components/Table/src/hooks/useTableFooter.ts
@@ -1,9 +1,11 @@
 import type { ComputedRef, Ref } from 'vue';
-import type { BasicTableProps } from '../types/table';
-import { unref, computed, h, nextTick, watchEffect } from 'vue';
-import TableFooter from '../components/TableFooter.vue';
+import { computed, h, nextTick, unref, watchEffect } from 'vue';
+
 import { useEventListener } from '@/hooks/event/useEventListener';
 
+import TableFooter from '../components/TableFooter.vue';
+import type { BasicTableProps } from '../types/table';
+
 export function useTableFooter(
   propsRef: ComputedRef<BasicTableProps>,
   scrollRef: ComputedRef<{
diff --git a/src/components/Table/src/hooks/useTableForm.ts b/src/components/Table/src/hooks/useTableForm.ts
index 239935e5e..9f6490838 100644
--- a/src/components/Table/src/hooks/useTableForm.ts
+++ b/src/components/Table/src/hooks/useTableForm.ts
@@ -1,9 +1,11 @@
 import type { ComputedRef, Slots } from 'vue';
-import type { BasicTableProps, FetchParams } from '../types/table';
-import { unref, computed } from 'vue';
+import { computed, unref } from 'vue';
+
 import type { FormProps } from '@/components/Form';
 import { isFunction } from '@/utils/is';
 
+import type { BasicTableProps, FetchParams } from '../types/table';
+
 export function useTableForm(
   propsRef: ComputedRef<BasicTableProps>,
   slots: Slots,
@@ -28,7 +30,7 @@ export function useTableForm(
 
   function replaceFormSlotKey(key: string) {
     if (!key) return '';
-    return key?.replace?.(/form\-/, '') ?? '';
+    return key?.replace?.(/form-/, '') ?? '';
   }
 
   function handleSearchInfoChange(info: Recordable) {
diff --git a/src/components/Table/src/hooks/useTableHeader.ts b/src/components/Table/src/hooks/useTableHeader.ts
index 4dcef1a61..1ebd0b793 100644
--- a/src/components/Table/src/hooks/useTableHeader.ts
+++ b/src/components/Table/src/hooks/useTableHeader.ts
@@ -1,9 +1,11 @@
 import type { ComputedRef, Slots } from 'vue';
-import type { BasicTableProps, InnerHandlers } from '../types/table';
-import { unref, computed, h } from 'vue';
-import TableHeader from '../components/TableHeader.vue';
-import { isString } from '@/utils/is';
+import { computed, h, unref } from 'vue';
+
 import { getSlot } from '@/utils/helper/tsxHelper';
+import { isString } from '@/utils/is';
+
+import TableHeader from '../components/TableHeader.vue';
+import type { BasicTableProps, InnerHandlers } from '../types/table';
 
 export function useTableHeader(propsRef: ComputedRef<BasicTableProps>, slots: Slots, handlers: InnerHandlers) {
   const getHeaderProps = computed((): Recordable => {
diff --git a/src/components/Table/src/hooks/useTableScroll.ts b/src/components/Table/src/hooks/useTableScroll.ts
index a1d629ebb..bbadde504 100644
--- a/src/components/Table/src/hooks/useTableScroll.ts
+++ b/src/components/Table/src/hooks/useTableScroll.ts
@@ -1,12 +1,13 @@
-import type { BasicTableProps, TableRowSelection, BasicColumn } from '../types/table';
-import { Ref, ComputedRef, ref } from 'vue';
-import { computed, unref, nextTick, watch } from 'vue';
-import { getViewportOffset } from '@/utils/domUtils';
-import { isBoolean } from '@/utils/is';
-import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn';
+import { useDebounceFn } from '@vueuse/core';
+import { computed, ComputedRef, nextTick, Ref, ref, unref, watch } from 'vue';
+
 import { useModalContext } from '@/components/Modal';
 import { onMountedOrActivated } from '@/hooks/core/onMountedOrActivated';
-import { useDebounceFn } from '@vueuse/core';
+import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn';
+import { getViewportOffset } from '@/utils/domUtils';
+import { isBoolean } from '@/utils/is';
+
+import type { BasicColumn, BasicTableProps, TableRowSelection } from '../types/table';
 
 export function useTableScroll(
   propsRef: ComputedRef<BasicTableProps>,
diff --git a/src/components/Table/src/hooks/useTableStyle.ts b/src/components/Table/src/hooks/useTableStyle.ts
index f5f896a8a..690276c9a 100644
--- a/src/components/Table/src/hooks/useTableStyle.ts
+++ b/src/components/Table/src/hooks/useTableStyle.ts
@@ -1,8 +1,10 @@
 import type { ComputedRef } from 'vue';
-import type { BasicTableProps, TableCustomRecord } from '../types/table';
 import { unref } from 'vue';
+
 import { isFunction } from '@/utils/is';
 
+import type { BasicTableProps, TableCustomRecord } from '../types/table';
+
 export function useTableStyle(propsRef: ComputedRef<BasicTableProps>, prefixCls: string) {
   function getRowClassName(record: TableCustomRecord, index: number) {
     const { striped, rowClassName } = unref(propsRef);
diff --git a/src/components/Table/src/props.ts b/src/components/Table/src/props.ts
index 9814c881d..e967a1333 100644
--- a/src/components/Table/src/props.ts
+++ b/src/components/Table/src/props.ts
@@ -1,10 +1,10 @@
-import type { PaginationProps } from './types/pagination';
-import type { BasicColumn, FetchSetting, TableSetting, SorterResult, TableCustomRecord, TableRowSelection, SizeType } from './types/table';
 import type { FormProps } from '@/components/Form';
-
-import { DEFAULT_FILTER_FN, DEFAULT_SORT_FN, FETCH_SETTING, DEFAULT_SIZE } from './const';
 import { propTypes } from '@/utils/propTypes';
 
+import { DEFAULT_FILTER_FN, DEFAULT_SIZE, DEFAULT_SORT_FN, FETCH_SETTING } from './const';
+import type { PaginationProps } from './types/pagination';
+import type { BasicColumn, FetchSetting, SizeType, SorterResult, TableCustomRecord, TableRowSelection, TableSetting } from './types/table';
+
 export const basicProps = {
   clickToRowSelect: { type: Boolean, default: true },
   isTreeTable: Boolean,
diff --git a/src/components/Table/src/types/table.ts b/src/components/Table/src/types/table.ts
index fc2dc18b0..9fb985293 100644
--- a/src/components/Table/src/types/table.ts
+++ b/src/components/Table/src/types/table.ts
@@ -1,12 +1,13 @@
-import type { Ref, VNodeChild } from 'vue';
-import type { PaginationProps } from './pagination';
-import type { FormProps } from '@/components/Form';
-import type { TableRowSelection as ITableRowSelection } from 'ant-design-vue/lib/table/interface';
 import type { ColumnProps } from 'ant-design-vue/lib/table';
+import type { TableRowSelection as ITableRowSelection } from 'ant-design-vue/lib/table/interface';
+import type { Ref, VNodeChild } from 'vue';
+
+import type { FormProps } from '@/components/Form';
+import { RoleEnum } from '@/enums/roleEnum';
+import { VueNode } from '@/utils/propTypes';
 
 import { ComponentType } from './componentType';
-import { VueNode } from '@/utils/propTypes';
-import { RoleEnum } from '@/enums/roleEnum';
+import type { PaginationProps } from './pagination';
 
 export declare type SortOrder = 'ascend' | 'descend';
 
@@ -453,11 +454,11 @@ export interface BasicColumn extends ColumnProps<Recordable> {
   editDynamicDisabled?: boolean | ((record: Recordable) => boolean);
 }
 
-export type ColumnChangeParam = {
+export interface ColumnChangeParam {
   dataIndex: string;
   fixed: boolean | 'left' | 'right' | undefined;
   visible: boolean;
-};
+}
 
 export interface InnerHandlers {
   onColumnsChange: (data: ColumnChangeParam[]) => void;
diff --git a/src/components/Table/src/types/tableAction.ts b/src/components/Table/src/types/tableAction.ts
index d557f3187..3891fdd12 100644
--- a/src/components/Table/src/types/tableAction.ts
+++ b/src/components/Table/src/types/tableAction.ts
@@ -1,6 +1,8 @@
 import { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
 import { TooltipProps } from 'ant-design-vue/es/tooltip/Tooltip';
+
 import { RoleEnum } from '@/enums/roleEnum';
+
 export interface ActionItem extends ButtonProps {
   onClick?: Fn;
   label?: string;
diff --git a/src/components/Tinymce/index.ts b/src/components/Tinymce/index.ts
index dca44f1b1..9ba4c2280 100644
--- a/src/components/Tinymce/index.ts
+++ b/src/components/Tinymce/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import tinymce from './src/Editor.vue';
 
 export const Tinymce = withInstall(tinymce);
diff --git a/src/components/Tinymce/src/Editor.vue b/src/components/Tinymce/src/Editor.vue
index 5d3692d67..07eb8945d 100644
--- a/src/components/Tinymce/src/Editor.vue
+++ b/src/components/Tinymce/src/Editor.vue
@@ -1,21 +1,19 @@
 <template>
   <div :class="prefixCls" :style="{ width: containerWidth }">
     <ImgUpload
-      :fullscreen="fullscreen"
-      @uploading="handleImageUploading"
-      @done="handleDone"
       v-if="showImageUpload"
       v-show="editorRef"
+      :fullscreen="fullscreen"
       :disabled="disabled"
+      @uploading="handleImageUploading"
+      @done="handleDone"
     />
-    <textarea :id="tinymceId" ref="elRef" :style="{ visibility: 'hidden' }" v-if="!initOptions.inline"></textarea>
+    <textarea v-if="!initOptions.inline" :id="tinymceId" ref="elRef" :style="{ visibility: 'hidden' }"></textarea>
     <slot v-else></slot>
   </div>
 </template>
 
 <script lang="ts" setup name="Tinymce" inheritAttrs="false">
-import type { Editor, RawEditorSettings } from 'tinymce';
-import tinymce from 'tinymce/tinymce';
 import 'tinymce/themes/silver';
 import 'tinymce/icons/default/icons';
 import 'tinymce/plugins/advlist';
@@ -48,16 +46,20 @@ import 'tinymce/plugins/visualblocks';
 import 'tinymce/plugins/visualchars';
 import 'tinymce/plugins/wordcount';
 
-import { computed, nextTick, ref, unref, watch, onDeactivated, onBeforeUnmount, useAttrs } from 'vue';
-import ImgUpload from './ImgUpload.vue';
-import { toolbar, plugins } from './tinymce';
-import { buildShortUUID } from '@/utils/uuid';
-import { bindHandlers } from './helper';
+import type { Editor, RawEditorSettings } from 'tinymce';
+import tinymce from 'tinymce/tinymce';
+import { computed, nextTick, onBeforeUnmount, onDeactivated, ref, unref, useAttrs, watch } from 'vue';
+
 import { onMountedOrActivated } from '@/hooks/core/onMountedOrActivated';
 import { useDesign } from '@/hooks/web/useDesign';
-import { isNumber } from '@/utils/is';
 import { useLocale } from '@/locales/useLocale';
 import { useAppStore } from '@/store/modules/app';
+import { isNumber } from '@/utils/is';
+import { buildShortUUID } from '@/utils/uuid';
+
+import { bindHandlers } from './helper';
+import ImgUpload from './ImgUpload.vue';
+import { plugins, toolbar } from './tinymce';
 
 const props = defineProps({
   options: {
diff --git a/src/components/Tinymce/src/ImgUpload.vue b/src/components/Tinymce/src/ImgUpload.vue
index f02b424a3..d4f285401 100644
--- a/src/components/Tinymce/src/ImgUpload.vue
+++ b/src/components/Tinymce/src/ImgUpload.vue
@@ -1,6 +1,6 @@
 <template>
   <div :class="[prefixCls, { fullscreen }]">
-    <Upload name="file" multiple @change="handleChange" :action="uploadUrl" :showUploadList="false" accept=".jpg,.jpeg,.gif,.png,.webp">
+    <Upload name="file" multiple :action="uploadUrl" :showUploadList="false" accept=".jpg,.jpeg,.gif,.png,.webp" @change="handleChange">
       <a-button type="primary" v-bind="{ ...getButtonProps }">
         {{ t('component.upload.imgUpload') }}
       </a-button>
@@ -8,11 +8,11 @@
   </div>
 </template>
 <script lang="ts" setup name="TinymceImageUpload">
+import { Upload } from 'ant-design-vue';
 import { computed } from 'vue';
 
-import { Upload } from 'ant-design-vue';
-import { useDesign } from '@/hooks/web/useDesign';
 import { useGlobSetting } from '@/hooks/setting';
+import { useDesign } from '@/hooks/web/useDesign';
 import { useI18n } from '@/hooks/web/useI18n';
 
 const props = defineProps({
diff --git a/src/components/Transition/index.ts b/src/components/Transition/index.ts
index 55cbe54c8..3fc17a03a 100644
--- a/src/components/Transition/index.ts
+++ b/src/components/Transition/index.ts
@@ -1,5 +1,4 @@
-import { createSimpleTransition, createJavascriptTransition } from './src/CreateTransition';
-
+import { createJavascriptTransition, createSimpleTransition } from './src/CreateTransition';
 import ExpandTransitionGenerator from './src/ExpandTransition';
 
 export { default as CollapseTransition } from './src/CollapseTransition.vue';
diff --git a/src/components/Transition/src/CollapseTransition.vue b/src/components/Transition/src/CollapseTransition.vue
index 00ce4147b..29a847d63 100644
--- a/src/components/Transition/src/CollapseTransition.vue
+++ b/src/components/Transition/src/CollapseTransition.vue
@@ -5,6 +5,7 @@
 </template>
 <script lang="ts" setup name="CollapseTransition">
 import { addClass, removeClass } from '@/utils/domUtils';
+
 const on = {
   beforeEnter(el) {
     addClass(el, 'collapse-transition');
diff --git a/src/components/Transition/src/CreateTransition.tsx b/src/components/Transition/src/CreateTransition.tsx
index b7bcde086..0cf52ebcd 100644
--- a/src/components/Transition/src/CreateTransition.tsx
+++ b/src/components/Transition/src/CreateTransition.tsx
@@ -1,4 +1,5 @@
 import { defineComponent, Transition, TransitionGroup } from 'vue';
+
 import { getSlot } from '@/utils/helper/tsxHelper';
 
 type Mode = 'in-out' | 'out-in' | 'default' | undefined;
diff --git a/src/components/Tree/index.ts b/src/components/Tree/index.ts
index 70dcb032f..e3f773c28 100644
--- a/src/components/Tree/index.ts
+++ b/src/components/Tree/index.ts
@@ -1,6 +1,7 @@
-import BasicTree from './src/BasicTree.vue';
 import './style';
 
+import BasicTree from './src/BasicTree.vue';
+
 export { BasicTree };
-export type { ContextMenuItem } from '@/hooks/web/useContextMenu';
 export * from './src/types/tree';
+export type { ContextMenuItem } from '@/hooks/web/useContextMenu';
diff --git a/src/components/Tree/src/BasicTree.vue b/src/components/Tree/src/BasicTree.vue
index 6d4bf9b87..645c3c73c 100644
--- a/src/components/Tree/src/BasicTree.vue
+++ b/src/components/Tree/src/BasicTree.vue
@@ -1,21 +1,22 @@
 <script lang="tsx">
+import { Empty, Spin, Tree } from 'ant-design-vue';
+import { cloneDeep, difference, get, omit } from 'lodash-es';
 import type { CSSProperties } from 'vue';
-import type { FieldNames, TreeState, TreeItem, KeyType, CheckKeys, TreeActionType } from './types/tree';
+import { computed, defineComponent, onMounted, reactive, ref, toRaw, unref, watch, watchEffect } from 'vue';
 
-import { defineComponent, reactive, computed, unref, ref, watchEffect, toRaw, watch, onMounted } from 'vue';
-import TreeHeader from './components/TreeHeader.vue';
-import { Tree, Spin, Empty } from 'ant-design-vue';
-import { TreeIcon } from './TreeIcon';
 import { ScrollContainer } from '@/components/Container';
-import { omit, get, difference, cloneDeep } from 'lodash-es';
-import { isArray, isBoolean, isEmpty, isFunction } from '@/utils/is';
-import { extendSlots, getSlot } from '@/utils/helper/tsxHelper';
-import { filter, treeToList, eachTree } from '@/utils/helper/treeHelper';
-import { useTree } from './hooks/useTree';
-import { useContextMenu } from '@/hooks/web/useContextMenu';
 import { CreateContextOptions } from '@/components/ContextMenu';
-import { treeEmits, treeProps } from './types/tree';
+import { useContextMenu } from '@/hooks/web/useContextMenu';
 import { createBEM } from '@/utils/bem';
+import { eachTree, filter, treeToList } from '@/utils/helper/treeHelper';
+import { extendSlots, getSlot } from '@/utils/helper/tsxHelper';
+import { isArray, isBoolean, isEmpty, isFunction } from '@/utils/is';
+
+import TreeHeader from './components/TreeHeader.vue';
+import { useTree } from './hooks/useTree';
+import { TreeIcon } from './TreeIcon';
+import type { CheckKeys, FieldNames, KeyType, TreeActionType, TreeItem, TreeState } from './types/tree';
+import { treeEmits, treeProps } from './types/tree';
 
 export default defineComponent({
   name: 'BasicTree',
@@ -53,7 +54,7 @@ export default defineComponent({
     });
 
     const getBindValues = computed(() => {
-      let propsData = {
+      const propsData = {
         blockNode: true,
         ...attrs,
         ...props,
@@ -121,10 +122,10 @@ export default defineComponent({
 
     async function handleRightClick({ event, node }: Recordable) {
       const { rightMenuList: menuList = [], beforeRightClick } = props;
-      let contextMenuOptions: CreateContextOptions = { event, items: [] };
+      const contextMenuOptions: CreateContextOptions = { event, items: [] };
 
       if (beforeRightClick && isFunction(beforeRightClick)) {
-        let result = await beforeRightClick(node, event);
+        const result = await beforeRightClick(node, event);
         if (Array.isArray(result)) {
           contextMenuOptions.items = result;
         } else {
diff --git a/src/components/Tree/src/TreeIcon.ts b/src/components/Tree/src/TreeIcon.ts
index 695b8f906..701204d53 100644
--- a/src/components/Tree/src/TreeIcon.ts
+++ b/src/components/Tree/src/TreeIcon.ts
@@ -1,8 +1,8 @@
-import type { VNode, FunctionalComponent } from 'vue';
-
+import type { FunctionalComponent, VNode } from 'vue';
 import { h } from 'vue';
-import { isString } from '@/utils/is';
+
 import { Icon } from '@/components/Icon';
+import { isString } from '@/utils/is';
 
 export const TreeIcon: FunctionalComponent = ({ icon }: { icon: VNode | string }) => {
   if (!icon) return null;
diff --git a/src/components/Tree/src/components/TreeHeader.vue b/src/components/Tree/src/components/TreeHeader.vue
index 061355ba0..3b6c6eeb8 100644
--- a/src/components/Tree/src/components/TreeHeader.vue
+++ b/src/components/Tree/src/components/TreeHeader.vue
@@ -1,14 +1,14 @@
 <template>
   <div :class="bem()" class="flex px-2 py-1.5 items-center">
-    <slot name="headerTitle" v-if="slots.headerTitle"></slot>
-    <BasicTitle :helpMessage="helpMessage" v-if="!slots.headerTitle && title">
+    <slot v-if="slots.headerTitle" name="headerTitle"></slot>
+    <BasicTitle v-if="!slots.headerTitle && title" :helpMessage="helpMessage">
       {{ title }}
     </BasicTitle>
-    <div class="flex items-center flex-1 cursor-pointer justify-self-stretch" v-if="search || toolbar">
-      <div :class="getInputSearchCls" v-if="search">
-        <InputSearch :placeholder="t('common.searchText')" allowClear v-model:value="searchValue" />
+    <div v-if="search || toolbar" class="flex items-center flex-1 cursor-pointer justify-self-stretch">
+      <div v-if="search" :class="getInputSearchCls">
+        <InputSearch v-model:value="searchValue" :placeholder="t('common.searchText')" allowClear />
       </div>
-      <Dropdown @click.prevent v-if="toolbar">
+      <Dropdown v-if="toolbar" @click.prevent>
         <Icon icon="ion:ellipsis-vertical" />
         <template #overlay>
           <Menu @click="handleMenuClick">
@@ -25,13 +25,15 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, ref, watch, useSlots } from 'vue';
-import { Dropdown, Menu, MenuItem, MenuDivider, InputSearch } from 'ant-design-vue';
-import { Icon } from '@/components/Icon';
-import { BasicTitle } from '@/components/Basic';
-import { useI18n } from '@/hooks/web/useI18n';
 import { useDebounceFn } from '@vueuse/core';
+import { Dropdown, InputSearch, Menu, MenuDivider, MenuItem } from 'ant-design-vue';
+import { computed, ref, useSlots, watch } from 'vue';
+
+import { BasicTitle } from '@/components/Basic';
+import { Icon } from '@/components/Icon';
+import { useI18n } from '@/hooks/web/useI18n';
 import { createBEM } from '@/utils/bem';
+
 import { ToolbarEnum } from '../types/tree';
 
 const searchValue = ref('');
diff --git a/src/components/Tree/src/hooks/useTree.ts b/src/components/Tree/src/hooks/useTree.ts
index cde984b7f..6af924bb8 100644
--- a/src/components/Tree/src/hooks/useTree.ts
+++ b/src/components/Tree/src/hooks/useTree.ts
@@ -1,11 +1,12 @@
-import type { InsertNodeParams, KeyType, FieldNames, TreeItem } from '../types/tree';
-import type { Ref, ComputedRef } from 'vue';
 import type { TreeDataItem } from 'ant-design-vue/es/tree/Tree';
-
 import { cloneDeep } from 'lodash-es';
+import type { ComputedRef, Ref } from 'vue';
 import { unref } from 'vue';
+
 import { forEach } from '@/utils/helper/treeHelper';
 
+import type { FieldNames, InsertNodeParams, KeyType, TreeItem } from '../types/tree';
+
 export function useTree(treeDataRef: Ref<TreeDataItem[]>, getFieldNames: ComputedRef<FieldNames>) {
   function getAllKeys(list?: TreeDataItem[]) {
     const keys: string[] = [];
diff --git a/src/components/Tree/src/types/tree.ts b/src/components/Tree/src/types/tree.ts
index c8a4f5a0e..a6d297e50 100644
--- a/src/components/Tree/src/types/tree.ts
+++ b/src/components/Tree/src/types/tree.ts
@@ -1,5 +1,5 @@
-import type { ExtractPropTypes } from 'vue';
 import type { TreeDataItem } from 'ant-design-vue/es/tree/Tree';
+import type { ExtractPropTypes } from 'vue';
 
 import { buildProps } from '@/utils/props';
 
@@ -110,7 +110,7 @@ export const treeProps = buildProps({
   },
   // 高亮搜索值，仅高亮具体匹配值（通过title）值为true时使用默认色值，值为#xxx时使用此值替代且高亮开启
   highlight: {
-    type: [Boolean, String] as PropType<Boolean | String>,
+    type: [Boolean, String] as PropType<boolean | string>,
     default: false,
   },
   // 搜索完成时自动展开结果
diff --git a/src/components/Upload/index.ts b/src/components/Upload/index.ts
index 5adadee4b..7c8cf7d00 100644
--- a/src/components/Upload/index.ts
+++ b/src/components/Upload/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import basicUpload from './src/BasicUpload.vue';
 
 export const BasicUpload = withInstall(basicUpload);
diff --git a/src/components/Upload/src/BasicUpload.vue b/src/components/Upload/src/BasicUpload.vue
index ea86984ea..4d1c62ae3 100644
--- a/src/components/Upload/src/BasicUpload.vue
+++ b/src/components/Upload/src/BasicUpload.vue
@@ -1,10 +1,10 @@
 <template>
   <div>
     <Space>
-      <a-button type="primary" @click="openUploadModal" preIcon="carbon:cloud-upload">
+      <a-button type="primary" preIcon="carbon:cloud-upload" @click="openUploadModal">
         {{ t('component.upload.upload') }}
       </a-button>
-      <Tooltip placement="bottom" v-if="showPreview">
+      <Tooltip v-if="showPreview" placement="bottom">
         <template #title>
           {{ t('component.upload.uploaded') }}
           <template v-if="fileList.length">
@@ -36,14 +36,16 @@
   </div>
 </template>
 <script lang="ts" setup name="BasicUpload">
-import { ref, watch, unref, useAttrs, computed } from 'vue';
-import { Icon } from '@/components/Icon';
-import { Tooltip, Space } from 'ant-design-vue';
-import { useModal } from '@/components/Modal';
-import { uploadContainerProps } from './props';
+import { Space, Tooltip } from 'ant-design-vue';
 import { omit } from 'lodash-es';
+import { computed, ref, unref, useAttrs, watch } from 'vue';
+
+import { Icon } from '@/components/Icon';
+import { useModal } from '@/components/Modal';
 import { useI18n } from '@/hooks/web/useI18n';
 import { isArray } from '@/utils/is';
+
+import { uploadContainerProps } from './props';
 import UploadModal from './UploadModal.vue';
 import UploadPreviewModal from './UploadPreviewModal.vue';
 
diff --git a/src/components/Upload/src/FileList.vue b/src/components/Upload/src/FileList.vue
index 41e455a69..86ae4e79c 100644
--- a/src/components/Upload/src/FileList.vue
+++ b/src/components/Upload/src/FileList.vue
@@ -1,8 +1,10 @@
 <script lang="tsx">
-import { defineComponent, CSSProperties, watch, nextTick } from 'vue';
-import { fileListProps } from './props';
-import { isFunction } from '@/utils/is';
+import { CSSProperties, defineComponent, nextTick, watch } from 'vue';
+
 import { useModalContext } from '@/components/Modal/src/hooks/useModalContext';
+import { isFunction } from '@/utils/is';
+
+import { fileListProps } from './props';
 
 export default defineComponent({
   name: 'FileList',
diff --git a/src/components/Upload/src/ThumbUrl.vue b/src/components/Upload/src/ThumbUrl.vue
index 8bf6106e8..51383c0a2 100644
--- a/src/components/Upload/src/ThumbUrl.vue
+++ b/src/components/Upload/src/ThumbUrl.vue
@@ -4,9 +4,10 @@
   </span>
 </template>
 <script lang="ts" setup>
-import { propTypes } from '@/utils/propTypes';
 import { Image } from 'ant-design-vue';
 
+import { propTypes } from '@/utils/propTypes';
+
 defineProps({
   fileUrl: propTypes.string.def(''),
   fileName: propTypes.string.def(''),
diff --git a/src/components/Upload/src/UploadModal.vue b/src/components/Upload/src/UploadModal.vue
index afdecee02..28301edc8 100644
--- a/src/components/Upload/src/UploadModal.vue
+++ b/src/components/Upload/src/UploadModal.vue
@@ -4,17 +4,17 @@
     :title="t('component.upload.upload')"
     :okText="t('component.upload.save')"
     v-bind="$attrs"
-    @register="register"
-    @ok="handleOk"
     :closeFunc="handleCloseFunc"
     :maskClosable="false"
     :keyboard="false"
     class="upload-modal"
     :okButtonProps="getOkButtonProps"
     :cancelButtonProps="{ disabled: isUploadingRef }"
+    @register="register"
+    @ok="handleOk"
   >
     <template #centerFooter>
-      <a-button @click="handleStartUpload" color="success" :disabled="!getIsSelectFile" :loading="isUploadingRef">
+      <a-button color="success" :disabled="!getIsSelectFile" :loading="isUploadingRef" @click="handleStartUpload">
         {{ getUploadBtnText }}
       </a-button>
     </template>
@@ -38,20 +38,22 @@
   </BasicModal>
 </template>
 <script lang="ts" setup>
-import { ref, toRefs, unref, computed } from 'vue';
-import { Upload, Alert } from 'ant-design-vue';
+import { Alert, Upload } from 'ant-design-vue';
+import { computed, ref, toRefs, unref } from 'vue';
+
 import { BasicModal, useModalInner } from '@/components/Modal';
-import { useUploadType } from './useUpload';
+import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { FileItem, UploadResultStatus } from './typing';
-import { basicProps } from './props';
-import { createTableColumns, createActionColumn } from './data';
-import { checkImgType, getBase64WithFile } from './helper';
-import { buildUUID } from '@/utils/uuid';
 import { isFunction } from '@/utils/is';
 import { warn } from '@/utils/log';
+import { buildUUID } from '@/utils/uuid';
+
+import { createActionColumn, createTableColumns } from './data';
 import FileList from './FileList.vue';
-import { useI18n } from '@/hooks/web/useI18n';
+import { checkImgType, getBase64WithFile } from './helper';
+import { basicProps } from './props';
+import { FileItem, UploadResultStatus } from './typing';
+import { useUploadType } from './useUpload';
 
 const props = defineProps({
   ...basicProps,
diff --git a/src/components/Upload/src/UploadPreviewModal.vue b/src/components/Upload/src/UploadPreviewModal.vue
index 4ad0fc752..0f0b284aa 100644
--- a/src/components/Upload/src/UploadPreviewModal.vue
+++ b/src/components/Upload/src/UploadPreviewModal.vue
@@ -4,22 +4,24 @@
     :title="t('component.upload.preview')"
     class="upload-preview-modal"
     v-bind="$attrs"
-    @register="register"
     :showOkBtn="false"
+    @register="register"
   >
     <FileList :dataSource="fileListRef" :columns="columns" :actionColumn="actionColumn" />
   </BasicModal>
 </template>
 <script lang="ts" setup>
-import { watch, ref } from 'vue';
-import FileList from './FileList.vue';
+import { ref, watch } from 'vue';
+
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { downloadByUrl } from '@/utils/file/download';
+import { isArray } from '@/utils/is';
+
+import { createPreviewActionColumn, createPreviewColumns } from './data';
+import FileList from './FileList.vue';
 import { previewProps } from './props';
 import { PreviewFileItem } from './typing';
-import { downloadByUrl } from '@/utils/file/download';
-import { createPreviewColumns, createPreviewActionColumn } from './data';
-import { useI18n } from '@/hooks/web/useI18n';
-import { isArray } from '@/utils/is';
 
 const props = defineProps(previewProps);
 const emit = defineEmits(['list-change', 'register', 'delete']);
diff --git a/src/components/Upload/src/data.tsx b/src/components/Upload/src/data.tsx
index 1a2b2dc4e..f1e80db3a 100644
--- a/src/components/Upload/src/data.tsx
+++ b/src/components/Upload/src/data.tsx
@@ -1,13 +1,15 @@
-import type { BasicColumn, ActionItem } from '@/components/Table';
-import { FileItem, PreviewFileItem, UploadResultStatus } from './typing';
+import { Progress, Tag } from 'ant-design-vue';
+
+import type { ActionItem, BasicColumn } from '@/components/Table';
+import TableAction from '@/components/Table/src/components/TableAction.vue';
+import { useI18n } from '@/hooks/web/useI18n';
+
 import {
   // checkImgType,
   isImgTypeByName,
 } from './helper';
-import { Progress, Tag } from 'ant-design-vue';
-import TableAction from '@/components/Table/src/components/TableAction.vue';
 import ThumbUrl from './ThumbUrl.vue';
-import { useI18n } from '@/hooks/web/useI18n';
+import { FileItem, PreviewFileItem, UploadResultStatus } from './typing';
 
 const { t } = useI18n();
 
diff --git a/src/components/Upload/src/useUpload.ts b/src/components/Upload/src/useUpload.ts
index 4382d8500..6ff86a566 100644
--- a/src/components/Upload/src/useUpload.ts
+++ b/src/components/Upload/src/useUpload.ts
@@ -1,5 +1,7 @@
-import { Ref, unref, computed } from 'vue';
+import { computed, Ref, unref } from 'vue';
+
 import { useI18n } from '@/hooks/web/useI18n';
+
 const { t } = useI18n();
 export function useUploadType({
   acceptRef,
diff --git a/src/components/Verifition/index.ts b/src/components/Verifition/index.ts
index be679d2b7..33c927376 100644
--- a/src/components/Verifition/index.ts
+++ b/src/components/Verifition/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils/index';
+
 import verify from './src/Verify.vue';
 
 export const Verify = withInstall(verify);
diff --git a/src/components/Verifition/src/Verify.vue b/src/components/Verifition/src/Verify.vue
index afda9bfce..f1ab1b1e1 100644
--- a/src/components/Verifition/src/Verify.vue
+++ b/src/components/Verifition/src/Verify.vue
@@ -1,8 +1,8 @@
 <!-- eslint-disable max-len -->
 <template>
-  <div :class="mode == 'pop' ? 'mask' : ''" v-show="showBox">
+  <div v-show="showBox" :class="mode == 'pop' ? 'mask' : ''">
     <div :class="mode == 'pop' ? 'verifybox' : ''" :style="{ 'max-width': parseInt(imgSize.width) + 20 + 'px' }">
-      <div class="verifybox-top" v-if="mode == 'pop'">
+      <div v-if="mode == 'pop'" class="verifybox-top">
         {{ t('component.captcha.verification') }}
         <span class="verifybox-close" @click="closeBox">
           <i class="iconfont icon-close"></i>
@@ -11,8 +11,9 @@
       <div class="verifybox-bottom" :style="{ padding: mode == 'pop' ? '10px' : '0' }">
         <!-- 验证码容器 -->
         <component
-          v-if="componentType"
           :is="componentType"
+          v-if="componentType"
+          ref="instance"
           :captchaType="captchaType"
           :type="verifyType"
           :figure="figure"
@@ -23,7 +24,6 @@
           :imgSize="imgSize"
           :blockSize="blockSize"
           :barSize="barSize"
-          ref="instance"
         />
       </div>
     </div>
@@ -34,11 +34,13 @@
  * Verify 验证码组件
  * @description 分发验证码使用
  * */
-import VerifySlide from './Verify/VerifySlide.vue';
-import VerifyPoints from './Verify/VerifyPoints.vue';
 import { computed, ref, toRefs, watchEffect } from 'vue';
+
 import { useI18n } from '@/hooks/web/useI18n';
 
+import VerifyPoints from './Verify/VerifyPoints.vue';
+import VerifySlide from './Verify/VerifySlide.vue';
+
 export default {
   name: 'Vue3Verify',
   components: {
diff --git a/src/components/Verifition/src/Verify/VerifyPoints.vue b/src/components/Verifition/src/Verify/VerifyPoints.vue
index e5c5c2f05..32f47bdb8 100644
--- a/src/components/Verifition/src/Verify/VerifyPoints.vue
+++ b/src/components/Verifition/src/Verify/VerifyPoints.vue
@@ -10,12 +10,12 @@
           'margin-bottom': vSpace + 'px',
         }"
       >
-        <div class="verify-refresh" style="z-index: 3" @click="refresh" v-show="showRefresh">
+        <div v-show="showRefresh" class="verify-refresh" style="z-index: 3" @click="refresh">
           <i class="iconfont icon-refresh"></i>
         </div>
         <img
-          :src="'data:image/png;base64,' + pointBackImgBase"
           ref="canvas"
+          :src="'data:image/png;base64,' + pointBackImgBase"
           alt=""
           style="display: block; width: 100%; height: 100%"
           @click="bindingClick ? canvasClick($event) : undefined"
@@ -62,12 +62,14 @@
  * VerifyPoints
  * @description 点选
  * */
-import { resetSize } from './../utils/util';
-import { aesEncrypt } from './../utils/ase';
-import { getCaptcha, checkCaptcha } from '@/api/base/login';
-import { onMounted, reactive, ref, nextTick, toRefs, getCurrentInstance } from 'vue';
+import { getCurrentInstance, nextTick, onMounted, reactive, ref, toRefs } from 'vue';
+
+import { checkCaptcha, getCaptcha } from '@/api/base/login';
 import { useI18n } from '@/hooks/web/useI18n';
 
+import { aesEncrypt } from './../utils/ase';
+import { resetSize } from './../utils/util';
+
 const props = defineProps({
   //弹出式pop，固定fixed
   mode: {
@@ -105,7 +107,7 @@ const props = defineProps({
 const { t } = useI18n();
 const { mode, captchaType } = toRefs(props);
 const { proxy } = getCurrentInstance();
-let secretKey = ref(''), //后端返回的ase加密秘钥
+const secretKey = ref(''), //后端返回的ase加密秘钥
   checkNum = ref(3), //默认需要点击的字数
   fontPos = reactive([]), //选中的坐标信息
   checkPosArr = reactive([]), //用户点击的坐标
@@ -133,7 +135,7 @@ const init = () => {
   num.value = 1;
   getPictrue();
   nextTick(() => {
-    let { imgHeight, imgWidth, barHeight, barWidth } = resetSize(proxy);
+    const { imgHeight, imgWidth, barHeight, barWidth } = resetSize(proxy);
     setSize.imgHeight = imgHeight;
     setSize.imgWidth = imgWidth;
     setSize.barHeight = barHeight;
@@ -154,7 +156,7 @@ const canvasClick = (e) => {
   if (num.value == checkNum.value) {
     num.value = createPoint(getMousePos(canvas, e));
     //按比例转换坐标值
-    let arr = pointTransfrom(checkPosArr, setSize);
+    const arr = pointTransfrom(checkPosArr, setSize);
     checkPosArr.length = 0;
     checkPosArr.push(...arr);
     //等创建坐标执行完
@@ -164,7 +166,7 @@ const canvasClick = (e) => {
       var captchaVerification = secretKey.value
         ? aesEncrypt(backToken.value + '---' + JSON.stringify(checkPosArr), secretKey.value)
         : backToken.value + '---' + JSON.stringify(checkPosArr);
-      let data = {
+      const data = {
         captchaType: captchaType.value,
         pointJson: secretKey.value ? aesEncrypt(JSON.stringify(checkPosArr), secretKey.value) : JSON.stringify(checkPosArr),
         token: backToken.value,
@@ -224,7 +226,7 @@ const refresh = async function () {
 
 // 请求背景图片和验证图片
 const getPictrue = async () => {
-  let data = {
+  const data = {
     captchaType: captchaType.value,
   };
   const res = await getCaptcha(data);
@@ -241,8 +243,8 @@ const getPictrue = async () => {
 //坐标转换函数
 const pointTransfrom = function (pointArr, imgSize) {
   var newPointArr = pointArr.map((p) => {
-    let x = Math.round((310 * p.x) / parseInt(imgSize.imgWidth));
-    let y = Math.round((155 * p.y) / parseInt(imgSize.imgHeight));
+    const x = Math.round((310 * p.x) / parseInt(imgSize.imgWidth));
+    const y = Math.round((155 * p.y) / parseInt(imgSize.imgHeight));
     return { x, y };
   });
   return newPointArr;
diff --git a/src/components/Verifition/src/Verify/VerifySlide.vue b/src/components/Verifition/src/Verify/VerifySlide.vue
index 7025cced4..408682b43 100644
--- a/src/components/Verifition/src/Verify/VerifySlide.vue
+++ b/src/components/Verifition/src/Verify/VerifySlide.vue
@@ -3,11 +3,11 @@
     <div v-if="type === '2'" class="verify-img-out" :style="{ height: parseInt(setSize.imgHeight) + vSpace + 'px' }">
       <div class="verify-img-panel" :style="{ width: setSize.imgWidth, height: setSize.imgHeight }">
         <img :src="'data:image/png;base64,' + backImgBase" alt="" style="display: block; width: 100%; height: 100%" />
-        <div class="verify-refresh" @click="refresh" v-show="showRefresh">
+        <div v-show="showRefresh" class="verify-refresh" @click="refresh">
           <i class="iconfont icon-refresh"></i>
         </div>
         <transition name="tips">
-          <span class="verify-tips" v-if="tipWords" :class="passFlag ? 'suc-bg' : 'err-bg'">
+          <span v-if="tipWords" class="verify-tips" :class="passFlag ? 'suc-bg' : 'err-bg'">
             {{ tipWords }}
           </span>
         </transition>
@@ -28,8 +28,6 @@
         <span class="verify-msg" v-text="finishText"></span>
         <div
           class="verify-move-block"
-          @touchstart="start"
-          @mousedown="start"
           :style="{
             width: barSize.height,
             height: barSize.height,
@@ -37,6 +35,8 @@
             left: moveBlockLeft,
             transition: transitionLeft,
           }"
+          @touchstart="start"
+          @mousedown="start"
         >
           <i :class="['verify-icon iconfont', iconClass]" :style="{ color: iconColor }"></i>
           <div
@@ -61,11 +61,13 @@
  * VerifySlide
  * @description 滑块
  * */
+import { computed, getCurrentInstance, nextTick, onMounted, reactive, ref, toRefs, watch } from 'vue';
+
+import { checkCaptcha, getCaptcha } from '@/api/base/login';
+import { useI18n } from '@/hooks/web/useI18n';
+
 import { aesEncrypt } from './../utils/ase';
 import { resetSize } from './../utils/util';
-import { getCaptcha, checkCaptcha } from '@/api/base/login';
-import { useI18n } from '@/hooks/web/useI18n';
-import { computed, onMounted, reactive, ref, watch, nextTick, toRefs, getCurrentInstance } from 'vue';
 
 const props = defineProps({
   captchaType: {
@@ -161,7 +163,7 @@ const init = () => {
   }
   getPictrue();
   nextTick(() => {
-    let { imgHeight, imgWidth, barHeight, barWidth } = resetSize(proxy);
+    const { imgHeight, imgWidth, barHeight, barWidth } = resetSize(proxy);
     setSize.imgHeight = imgHeight;
     setSize.imgWidth = imgWidth;
     setSize.barHeight = barHeight;
@@ -262,7 +264,7 @@ const end = () => {
   if (status.value && isEnd.value == false) {
     var moveLeftDistance = parseInt((moveBlockLeft.value || '').replace('px', ''));
     moveLeftDistance = (moveLeftDistance * 310) / parseInt(setSize.imgWidth);
-    let data = {
+    const data = {
       captchaType: captchaType.value,
       pointJson: secretKey.value
         ? aesEncrypt(JSON.stringify({ x: moveLeftDistance, y: 5.0 }), secretKey.value)
@@ -341,7 +343,7 @@ const refresh = async () => {
 
 // 请求背景图片和验证图片
 const getPictrue = async () => {
-  let data = {
+  const data = {
     captchaType: captchaType.value,
   };
   const res = await getCaptcha(data);
diff --git a/src/components/Verifition/src/Verify/index.ts b/src/components/Verifition/src/Verify/index.ts
index 707343100..ad2b7708d 100644
--- a/src/components/Verifition/src/Verify/index.ts
+++ b/src/components/Verifition/src/Verify/index.ts
@@ -1,4 +1,4 @@
-import VerifySlide from './VerifySlide.vue';
 import VerifyPoints from './VerifyPoints.vue';
+import VerifySlide from './VerifySlide.vue';
 
-export { VerifySlide, VerifyPoints };
+export { VerifyPoints, VerifySlide };
diff --git a/src/components/VirtualScroll/index.ts b/src/components/VirtualScroll/index.ts
index 719abae03..2a8a57a1d 100644
--- a/src/components/VirtualScroll/index.ts
+++ b/src/components/VirtualScroll/index.ts
@@ -1,4 +1,5 @@
 import { withInstall } from '@/utils';
+
 import vScroll from './src/VirtualScroll.vue';
 
 export const VScroll = withInstall(vScroll);
diff --git a/src/components/VirtualScroll/src/VirtualScroll.vue b/src/components/VirtualScroll/src/VirtualScroll.vue
index e38d8fefb..c6a2d1d1d 100644
--- a/src/components/VirtualScroll/src/VirtualScroll.vue
+++ b/src/components/VirtualScroll/src/VirtualScroll.vue
@@ -1,5 +1,6 @@
 <script lang="tsx">
-import { defineComponent, computed, ref, unref, reactive, onMounted, watch, nextTick, CSSProperties } from 'vue';
+import { computed, CSSProperties, defineComponent, nextTick, onMounted, reactive, ref, unref, watch } from 'vue';
+
 import { useEventListener } from '@/hooks/event/useEventListener';
 import { getSlot } from '@/utils/helper/tsxHelper';
 
diff --git a/src/components/registerGlobComp.ts b/src/components/registerGlobComp.ts
index 6e3b046b7..e486b205d 100644
--- a/src/components/registerGlobComp.ts
+++ b/src/components/registerGlobComp.ts
@@ -1,6 +1,7 @@
-import type { App } from 'vue';
-import { Button } from './Button';
 import { Input, Layout } from 'ant-design-vue';
+import type { App } from 'vue';
+
+import { Button } from './Button';
 
 export function registerGlobComp(app: App<Element>) {
   app.use(Input).use(Button).use(Layout);
diff --git a/src/directives/clickOutside.ts b/src/directives/clickOutside.ts
index 9f0c01ff1..8594fcbf4 100644
--- a/src/directives/clickOutside.ts
+++ b/src/directives/clickOutside.ts
@@ -1,6 +1,7 @@
+import type { ComponentPublicInstance, DirectiveBinding, ObjectDirective } from 'vue';
+
 import { on } from '@/utils/domUtils';
 import { isServer } from '@/utils/is';
-import type { ComponentPublicInstance, DirectiveBinding, ObjectDirective } from 'vue';
 
 type DocumentHandler = <T extends MouseEvent>(mouseup: T, mousedown: T) => void;
 
diff --git a/src/directives/index.ts b/src/directives/index.ts
index fcd5b7562..cdaa236b6 100644
--- a/src/directives/index.ts
+++ b/src/directives/index.ts
@@ -2,8 +2,9 @@
  * Configure and register global directives
  */
 import type { App } from 'vue';
-import { setupPermissionDirective } from './permission';
+
 import { setupLoadingDirective } from './loading';
+import { setupPermissionDirective } from './permission';
 
 export function setupGlobDirectives(app: App<Element>) {
   setupPermissionDirective(app);
diff --git a/src/directives/loading.ts b/src/directives/loading.ts
index 5bba63824..6c2c13a45 100644
--- a/src/directives/loading.ts
+++ b/src/directives/loading.ts
@@ -1,5 +1,6 @@
+import type { App, Directive } from 'vue';
+
 import { createLoading } from '@/components/Loading';
-import type { Directive, App } from 'vue';
 
 const loadingDirective: Directive = {
   mounted(el, binding) {
diff --git a/src/directives/repeatClick.ts b/src/directives/repeatClick.ts
index 054a6b26b..fd9290998 100644
--- a/src/directives/repeatClick.ts
+++ b/src/directives/repeatClick.ts
@@ -2,9 +2,10 @@
  * Prevent repeated clicks
  * @Example v-repeat-click="()=>{}"
  */
-import { on, once } from '@/utils/domUtils';
 import type { Directive, DirectiveBinding } from 'vue';
 
+import { on, once } from '@/utils/domUtils';
+
 const repeatDirective: Directive = {
   beforeMount(el: Element, binding: DirectiveBinding<any>) {
     let interval: Nullable<IntervalHandle> = null;
diff --git a/src/directives/ripple/index.ts b/src/directives/ripple/index.ts
index 6932264f3..091388597 100644
--- a/src/directives/ripple/index.ts
+++ b/src/directives/ripple/index.ts
@@ -1,5 +1,7 @@
-import type { Directive } from 'vue';
 import './index.less';
+
+import type { Directive } from 'vue';
+
 export interface RippleOptions {
   event: string;
   transition: number;
diff --git a/src/hooks/component/useFormItem.ts b/src/hooks/component/useFormItem.ts
index 036cc2714..d3aca995e 100644
--- a/src/hooks/component/useFormItem.ts
+++ b/src/hooks/component/useFormItem.ts
@@ -1,7 +1,18 @@
-import { UnwrapRef, Ref, WritableComputedRef, DeepReadonly, nextTick } from 'vue';
-import { reactive, readonly, computed, getCurrentInstance, watchEffect, unref, toRaw } from 'vue';
-
 import { isEqual } from 'lodash-es';
+import {
+  computed,
+  DeepReadonly,
+  getCurrentInstance,
+  nextTick,
+  reactive,
+  readonly,
+  Ref,
+  toRaw,
+  unref,
+  UnwrapRef,
+  watchEffect,
+  WritableComputedRef,
+} from 'vue';
 
 export function useRuleFormItem<T extends Recordable, K extends keyof T, V = UnwrapRef<T[K]>>(
   props: T,
diff --git a/src/hooks/component/usePageContext.ts b/src/hooks/component/usePageContext.ts
index 1e2e7158d..9e8c3b3b0 100644
--- a/src/hooks/component/usePageContext.ts
+++ b/src/hooks/component/usePageContext.ts
@@ -1,4 +1,5 @@
-import type { InjectionKey, ComputedRef, Ref } from 'vue';
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+
 import { createContext, useContext } from '@/hooks/core/useContext';
 
 export interface PageContextProps {
diff --git a/src/hooks/core/onMountedOrActivated.ts b/src/hooks/core/onMountedOrActivated.ts
index ffabf18de..a1af8c433 100644
--- a/src/hooks/core/onMountedOrActivated.ts
+++ b/src/hooks/core/onMountedOrActivated.ts
@@ -1,4 +1,4 @@
-import { nextTick, onMounted, onActivated } from 'vue';
+import { nextTick, onActivated, onMounted } from 'vue';
 
 export function onMountedOrActivated(hook: Fn) {
   let mounted: boolean;
diff --git a/src/hooks/core/useAttrs.ts b/src/hooks/core/useAttrs.ts
index a7c5bd74c..e80cf4c72 100644
--- a/src/hooks/core/useAttrs.ts
+++ b/src/hooks/core/useAttrs.ts
@@ -1,5 +1,6 @@
-import { getCurrentInstance, reactive, shallowRef, watchEffect } from 'vue';
 import type { Ref } from 'vue';
+import { getCurrentInstance, reactive, shallowRef, watchEffect } from 'vue';
+
 interface Params {
   excludeListeners?: boolean;
   excludeKeys?: string[];
diff --git a/src/hooks/core/useContext.ts b/src/hooks/core/useContext.ts
index 1e1874899..4b401f9b7 100644
--- a/src/hooks/core/useContext.ts
+++ b/src/hooks/core/useContext.ts
@@ -1,4 +1,4 @@
-import { InjectionKey, provide, inject, reactive, readonly as defineReadonly, UnwrapRef } from 'vue';
+import { inject, InjectionKey, provide, reactive, readonly as defineReadonly, UnwrapRef } from 'vue';
 
 export interface CreateContextOptions {
   readonly?: boolean;
diff --git a/src/hooks/core/useRefs.ts b/src/hooks/core/useRefs.ts
index 180bb1497..14ff1610c 100644
--- a/src/hooks/core/useRefs.ts
+++ b/src/hooks/core/useRefs.ts
@@ -1,5 +1,5 @@
 import type { Ref } from 'vue';
-import { ref, onBeforeUpdate } from 'vue';
+import { onBeforeUpdate, ref } from 'vue';
 
 export function useRefs(): [Ref<HTMLElement[]>, (index: number) => (el: HTMLElement) => void] {
   const refs = ref([]) as Ref<HTMLElement[]>;
diff --git a/src/hooks/event/useBreakpoint.ts b/src/hooks/event/useBreakpoint.ts
index b51b03ee7..dec275489 100644
--- a/src/hooks/event/useBreakpoint.ts
+++ b/src/hooks/event/useBreakpoint.ts
@@ -1,6 +1,7 @@
-import { ref, computed, ComputedRef, unref } from 'vue';
+import { computed, ComputedRef, ref, unref } from 'vue';
+
+import { screenEnum, screenMap, sizeEnum } from '@/enums/breakpointEnum';
 import { useEventListener } from '@/hooks/event/useEventListener';
-import { screenMap, sizeEnum, screenEnum } from '@/enums/breakpointEnum';
 
 // 可以用这个替换，优化项
 // import { Grid } from 'ant-design-vue';
diff --git a/src/hooks/event/useEventListener.ts b/src/hooks/event/useEventListener.ts
index 892cd92e1..25263e330 100644
--- a/src/hooks/event/useEventListener.ts
+++ b/src/hooks/event/useEventListener.ts
@@ -1,6 +1,6 @@
+import { useDebounceFn, useThrottleFn } from '@vueuse/core';
 import type { Ref } from 'vue';
-import { ref, watch, unref } from 'vue';
-import { useThrottleFn, useDebounceFn } from '@vueuse/core';
+import { ref, unref, watch } from 'vue';
 
 export type RemoveEventFn = () => void;
 export interface UseEventParams {
diff --git a/src/hooks/event/useIntersectionObserver.ts b/src/hooks/event/useIntersectionObserver.ts
index 44ed6999b..f25edd20a 100644
--- a/src/hooks/event/useIntersectionObserver.ts
+++ b/src/hooks/event/useIntersectionObserver.ts
@@ -1,4 +1,4 @@
-import { Ref, watchEffect, ref } from 'vue';
+import { Ref, ref, watchEffect } from 'vue';
 
 interface IntersectionObserverProps {
   target: Ref<Element | null | undefined>;
diff --git a/src/hooks/event/useScroll.ts b/src/hooks/event/useScroll.ts
index 082712074..b1fc40c73 100644
--- a/src/hooks/event/useScroll.ts
+++ b/src/hooks/event/useScroll.ts
@@ -1,8 +1,8 @@
-import type { Ref } from 'vue';
-
-import { ref, onMounted, watch, onUnmounted } from 'vue';
-import { isWindow, isObject } from '@/utils/is';
 import { useThrottleFn } from '@vueuse/core';
+import type { Ref } from 'vue';
+import { onMounted, onUnmounted, ref, watch } from 'vue';
+
+import { isObject, isWindow } from '@/utils/is';
 
 export function useScroll(
   refEl: Ref<Element | Window | null>,
diff --git a/src/hooks/event/useScrollTo.ts b/src/hooks/event/useScrollTo.ts
index f3442a516..1dc0ea522 100644
--- a/src/hooks/event/useScrollTo.ts
+++ b/src/hooks/event/useScrollTo.ts
@@ -1,6 +1,7 @@
-import { isFunction, isUnDef } from '@/utils/is';
 import { ref, unref } from 'vue';
 
+import { isFunction, isUnDef } from '@/utils/is';
+
 export interface ScrollToParams {
   el: any;
   to: number;
diff --git a/src/hooks/setting/index.ts b/src/hooks/setting/index.ts
index 1bf78ad01..d0ae9db9b 100644
--- a/src/hooks/setting/index.ts
+++ b/src/hooks/setting/index.ts
@@ -1,7 +1,6 @@
-import type { GlobConfig } from '@/types/config';
-
-import { warn } from '@/utils/log';
 import { getAppEnvConfig } from '@/utils/env';
+import { warn } from '@/utils/log';
+import type { GlobConfig } from '#/config';
 
 export const useGlobSetting = (): Readonly<GlobConfig> => {
   const {
@@ -14,7 +13,7 @@ export const useGlobSetting = (): Readonly<GlobConfig> => {
     VITE_GLOB_APP_CAPTCHA_ENABLE,
   } = getAppEnvConfig();
 
-  if (!/[a-zA-Z\_]*/.test(VITE_GLOB_APP_SHORT_NAME)) {
+  if (!/[a-zA-Z_]*/.test(VITE_GLOB_APP_SHORT_NAME)) {
     warn(
       `VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.`,
     );
diff --git a/src/hooks/setting/useHeaderSetting.ts b/src/hooks/setting/useHeaderSetting.ts
index 5782b8a1b..955969671 100644
--- a/src/hooks/setting/useHeaderSetting.ts
+++ b/src/hooks/setting/useHeaderSetting.ts
@@ -1,13 +1,11 @@
-import type { HeaderSetting } from '@/types/config';
-
 import { computed, unref } from 'vue';
 
-import { useAppStore } from '@/store/modules/app';
-
+import { MenuModeEnum } from '@/enums/menuEnum';
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 import { useRootSetting } from '@/hooks/setting/useRootSetting';
 import { useFullContent } from '@/hooks/web/useFullContent';
-import { MenuModeEnum } from '@/enums/menuEnum';
+import { useAppStore } from '@/store/modules/app';
+import type { HeaderSetting } from '#/config';
 
 export function useHeaderSetting() {
   const { getFullContent } = useFullContent();
diff --git a/src/hooks/setting/useMenuSetting.ts b/src/hooks/setting/useMenuSetting.ts
index dbe3e05dd..0f78d4e67 100644
--- a/src/hooks/setting/useMenuSetting.ts
+++ b/src/hooks/setting/useMenuSetting.ts
@@ -1,12 +1,10 @@
-import type { MenuSetting } from '@/types/config';
-
-import { computed, unref, ref } from 'vue';
-
-import { useAppStore } from '@/store/modules/app';
+import { computed, ref, unref } from 'vue';
 
 import { SIDE_BAR_MINI_WIDTH, SIDE_BAR_SHOW_TIT_MINI_WIDTH } from '@/enums/appEnum';
 import { MenuModeEnum, MenuTypeEnum, TriggerEnum } from '@/enums/menuEnum';
 import { useFullContent } from '@/hooks/web/useFullContent';
+import { useAppStore } from '@/store/modules/app';
+import type { MenuSetting } from '#/config';
 
 const mixSideHasChildren = ref(false);
 
diff --git a/src/hooks/setting/useMultipleTabSetting.ts b/src/hooks/setting/useMultipleTabSetting.ts
index ff401e329..f03669907 100644
--- a/src/hooks/setting/useMultipleTabSetting.ts
+++ b/src/hooks/setting/useMultipleTabSetting.ts
@@ -1,8 +1,7 @@
-import type { MultiTabsSetting } from '@/types/config';
-
 import { computed } from 'vue';
 
 import { useAppStore } from '@/store/modules/app';
+import type { MultiTabsSetting } from '#/config';
 
 export function useMultipleTabSetting() {
   const appStore = useAppStore();
diff --git a/src/hooks/setting/useRootSetting.ts b/src/hooks/setting/useRootSetting.ts
index 856365484..76d3b7be5 100644
--- a/src/hooks/setting/useRootSetting.ts
+++ b/src/hooks/setting/useRootSetting.ts
@@ -1,9 +1,8 @@
-import type { ProjectConfig } from '@/types/config';
-
 import { computed } from 'vue';
 
-import { useAppStore } from '@/store/modules/app';
 import { ContentEnum, ThemeEnum } from '@/enums/appEnum';
+import { useAppStore } from '@/store/modules/app';
+import type { ProjectConfig } from '#/config';
 
 type RootSetting = Omit<ProjectConfig, 'locale' | 'headerSetting' | 'menuSetting' | 'multiTabsSetting'>;
 
diff --git a/src/hooks/setting/useTransitionSetting.ts b/src/hooks/setting/useTransitionSetting.ts
index 520772751..b34e6af7a 100644
--- a/src/hooks/setting/useTransitionSetting.ts
+++ b/src/hooks/setting/useTransitionSetting.ts
@@ -1,8 +1,7 @@
-import type { TransitionSetting } from '@/types/config';
-
 import { computed } from 'vue';
 
 import { useAppStore } from '@/store/modules/app';
+import type { TransitionSetting } from '#/config';
 
 export function useTransitionSetting() {
   const appStore = useAppStore();
diff --git a/src/hooks/web/useAppInject.ts b/src/hooks/web/useAppInject.ts
index cc3cc1fdf..37a87c6d4 100644
--- a/src/hooks/web/useAppInject.ts
+++ b/src/hooks/web/useAppInject.ts
@@ -1,6 +1,7 @@
-import { useAppProviderContext } from '@/components/Application';
 import { computed, unref } from 'vue';
 
+import { useAppProviderContext } from '@/components/Application';
+
 export function useAppInject() {
   const values = useAppProviderContext();
 
diff --git a/src/hooks/web/useContentHeight.ts b/src/hooks/web/useContentHeight.ts
index 8cf57c2bf..9ee26e74b 100644
--- a/src/hooks/web/useContentHeight.ts
+++ b/src/hooks/web/useContentHeight.ts
@@ -1,4 +1,5 @@
 import { ComputedRef, isRef, nextTick, Ref, ref, unref, watch } from 'vue';
+
 import { onMountedOrActivated } from '@/hooks/core/onMountedOrActivated';
 import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn';
 import { useLayoutHeight } from '@/layouts/default/content/useContentViewHeight';
@@ -27,7 +28,7 @@ type Upward = number | string | null | undefined;
  * @returns 响应式高度
  */
 export function useContentHeight(
-  flag: ComputedRef<Boolean>,
+  flag: ComputedRef<boolean>,
   anchorRef: Ref,
   subtractHeightRefs: Ref[],
   substractSpaceRefs: Ref[],
@@ -52,7 +53,7 @@ export function useContentHeight(
 
   function calcSubtractSpace(element: Element | null | undefined, direction: 'all' | 'top' | 'bottom' = 'all'): number {
     function numberPx(px: string) {
-      return Number(px.replace(/[^\d]/g, ''));
+      return Number(px.replace(/\D/g, ''));
     }
     let subtractHeight = 0;
     const ZERO_PX = '0px';
diff --git a/src/hooks/web/useContextMenu.ts b/src/hooks/web/useContextMenu.ts
index c56cf17b4..712648462 100644
--- a/src/hooks/web/useContextMenu.ts
+++ b/src/hooks/web/useContextMenu.ts
@@ -1,6 +1,8 @@
-import { onUnmounted, getCurrentInstance } from 'vue';
-import { createContextMenu, destroyContextMenu } from '@/components/ContextMenu';
+import { getCurrentInstance, onUnmounted } from 'vue';
+
 import type { ContextMenuItem } from '@/components/ContextMenu';
+import { createContextMenu, destroyContextMenu } from '@/components/ContextMenu';
+
 export type { ContextMenuItem };
 export function useContextMenu(authRemove = true) {
   if (getCurrentInstance() && authRemove) {
diff --git a/src/hooks/web/useCopyToClipboard.ts b/src/hooks/web/useCopyToClipboard.ts
index f2c6528cc..12b412310 100644
--- a/src/hooks/web/useCopyToClipboard.ts
+++ b/src/hooks/web/useCopyToClipboard.ts
@@ -1,6 +1,7 @@
 import { ref, watch } from 'vue';
 
 import { isDef } from '@/utils/is';
+
 interface Options {
   target?: HTMLElement;
 }
diff --git a/src/hooks/web/useECharts.ts b/src/hooks/web/useECharts.ts
index d703785fd..7d86f2b20 100644
--- a/src/hooks/web/useECharts.ts
+++ b/src/hooks/web/useECharts.ts
@@ -1,13 +1,13 @@
+import { tryOnUnmounted, useDebounceFn, useTimeoutFn } from '@vueuse/core';
 import type { EChartsOption } from 'echarts';
 import type { Ref } from 'vue';
-import { useTimeoutFn, tryOnUnmounted } from '@vueuse/core';
-import { unref, nextTick, watch, computed, ref } from 'vue';
-import { useDebounceFn } from '@vueuse/core';
-import { useEventListener } from '@/hooks/event/useEventListener';
+import { computed, nextTick, ref, unref, watch } from 'vue';
+
 import { useBreakpoint } from '@/hooks/event/useBreakpoint';
-import echarts from '@/utils/lib/echarts';
-import { useRootSetting } from '@/hooks/setting/useRootSetting';
+import { useEventListener } from '@/hooks/event/useEventListener';
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+import { useRootSetting } from '@/hooks/setting/useRootSetting';
+import echarts from '@/utils/lib/echarts';
 
 export function useECharts(elRef: Ref<HTMLDivElement>, theme: 'light' | 'dark' | 'default' = 'default') {
   const { getDarkMode: getSysDarkMode } = useRootSetting();
diff --git a/src/hooks/web/useFullContent.ts b/src/hooks/web/useFullContent.ts
index 05285e745..dcd0d328e 100644
--- a/src/hooks/web/useFullContent.ts
+++ b/src/hooks/web/useFullContent.ts
@@ -1,9 +1,8 @@
 import { computed, unref } from 'vue';
+import { useRouter } from 'vue-router';
 
 import { useAppStore } from '@/store/modules/app';
 
-import { useRouter } from 'vue-router';
-
 /**
  * @description: Full screen display content
  */
diff --git a/src/hooks/web/useI18n.ts b/src/hooks/web/useI18n.ts
index 9aee3e14a..09a0d2551 100644
--- a/src/hooks/web/useI18n.ts
+++ b/src/hooks/web/useI18n.ts
@@ -1,13 +1,13 @@
 import { i18n } from '@/locales/setupI18n';
 
-type I18nGlobalTranslation = {
+interface I18nGlobalTranslation {
   (key: string): string;
   (key: string, locale: string): string;
   (key: string, locale: string, list: unknown[]): string;
   (key: string, locale: string, named: Record<string, unknown>): string;
   (key: string, list: unknown[]): string;
   (key: string, named: Record<string, unknown>): string;
-};
+}
 
 type I18nTranslationRestParameters = [string, any];
 
diff --git a/src/hooks/web/useLockPage.ts b/src/hooks/web/useLockPage.ts
index 8080f1178..9160f2f67 100644
--- a/src/hooks/web/useLockPage.ts
+++ b/src/hooks/web/useLockPage.ts
@@ -1,10 +1,10 @@
-import { computed, onUnmounted, unref, watchEffect } from 'vue';
 import { useThrottleFn } from '@vueuse/core';
+import { computed, onUnmounted, unref, watchEffect } from 'vue';
 
 import { useAppStore } from '@/store/modules/app';
 import { useLockStore } from '@/store/modules/lock';
-
 import { useUserStore } from '@/store/modules/user';
+
 import { useRootSetting } from '../setting/useRootSetting';
 
 export function useLockPage() {
diff --git a/src/hooks/web/useMessage.tsx b/src/hooks/web/useMessage.tsx
index 8d4ac04dd..efc3f0e61 100644
--- a/src/hooks/web/useMessage.tsx
+++ b/src/hooks/web/useMessage.tsx
@@ -1,12 +1,12 @@
+import { CheckCircleFilled, CloseCircleFilled, InfoCircleFilled } from '@ant-design/icons-vue';
+import { message as Message, Modal, notification } from 'ant-design-vue';
 import type { ModalFunc, ModalFuncProps } from 'ant-design-vue/lib/modal/Modal';
+import { ConfigProps, NotificationArgsProps } from 'ant-design-vue/lib/notification';
 
-import { Modal, message as Message, notification } from 'ant-design-vue';
-import { InfoCircleFilled, CheckCircleFilled, CloseCircleFilled } from '@ant-design/icons-vue';
-
-import { NotificationArgsProps, ConfigProps } from 'ant-design-vue/lib/notification';
-import { useI18n } from './useI18n';
 import { isString } from '@/utils/is';
 
+import { useI18n } from './useI18n';
+
 export interface NotifyApi {
   info(config: NotificationArgsProps): void;
   success(config: NotificationArgsProps): void;
@@ -14,7 +14,7 @@ export interface NotifyApi {
   warn(config: NotificationArgsProps): void;
   warning(config: NotificationArgsProps): void;
   open(args: NotificationArgsProps): void;
-  close(key: String): void;
+  close(key: string): void;
   config(options: ConfigProps): void;
   destroy(): void;
 }
@@ -114,7 +114,7 @@ export function useMessage() {
   return {
     createMessage: Message,
     notification: notification as NotifyApi,
-    createConfirm: createConfirm,
+    createConfirm,
     createSuccessModal,
     createErrorModal,
     createInfoModal,
diff --git a/src/hooks/web/usePage.ts b/src/hooks/web/usePage.ts
index 79b023571..a99732f7d 100644
--- a/src/hooks/web/usePage.ts
+++ b/src/hooks/web/usePage.ts
@@ -1,9 +1,8 @@
+import { unref } from 'vue';
 import type { RouteLocationRaw, Router } from 'vue-router';
+import { useRouter } from 'vue-router';
 
 import { PageEnum } from '@/enums/pageEnum';
-import { unref } from 'vue';
-
-import { useRouter } from 'vue-router';
 import { REDIRECT_NAME } from '@/router/constant';
 
 export type PathAsPageEnum<T> = T extends { path: string } ? T & { path: PageEnum } : T;
diff --git a/src/hooks/web/usePagination.ts b/src/hooks/web/usePagination.ts
index ea234ef4e..a639066cf 100644
--- a/src/hooks/web/usePagination.ts
+++ b/src/hooks/web/usePagination.ts
@@ -1,5 +1,5 @@
 import type { Ref } from 'vue';
-import { ref, unref, computed } from 'vue';
+import { computed, ref, unref } from 'vue';
 
 function pagination<T = any>(list: T[], pageNo: number, pageSize: number): T[] {
   const offset = (pageNo - 1) * Number(pageSize);
diff --git a/src/hooks/web/usePermission.ts b/src/hooks/web/usePermission.ts
index b77f640f8..f981c5ecf 100644
--- a/src/hooks/web/usePermission.ts
+++ b/src/hooks/web/usePermission.ts
@@ -1,21 +1,18 @@
+import { intersection } from 'lodash-es';
 import type { RouteRecordRaw } from 'vue-router';
 
-import { useAppStore } from '@/store/modules/app';
-import { usePermissionStore } from '@/store/modules/permission';
-import { useUserStore } from '@/store/modules/user';
-
-import { useTabs } from './useTabs';
-
-import { router, resetRouter } from '@/router';
-// import { RootRoute } from '@/router/routes';
-
-import projectSetting from '@/settings/projectSetting';
 import { PermissionModeEnum } from '@/enums/appEnum';
 import { RoleEnum } from '@/enums/roleEnum';
-
-import { intersection } from 'lodash-es';
-import { isArray } from '@/utils/is';
+import { resetRouter, router } from '@/router';
+// import { RootRoute } from '@/router/routes';
+import projectSetting from '@/settings/projectSetting';
+import { useAppStore } from '@/store/modules/app';
 import { useMultipleTabStore } from '@/store/modules/multipleTab';
+import { usePermissionStore } from '@/store/modules/permission';
+import { useUserStore } from '@/store/modules/user';
+import { isArray } from '@/utils/is';
+
+import { useTabs } from './useTabs';
 
 // User permissions related operations
 export function usePermission() {
diff --git a/src/hooks/web/useSortable.ts b/src/hooks/web/useSortable.ts
index 4c66b6af1..5a8d3196f 100644
--- a/src/hooks/web/useSortable.ts
+++ b/src/hooks/web/useSortable.ts
@@ -1,6 +1,6 @@
-import { nextTick, unref } from 'vue';
-import type { Ref } from 'vue';
 import type { Options } from 'sortablejs';
+import type { Ref } from 'vue';
+import { nextTick, unref } from 'vue';
 
 export function useSortable(el: HTMLElement | Ref<HTMLElement>, options?: Options) {
   function initSortable() {
diff --git a/src/hooks/web/useTabs.ts b/src/hooks/web/useTabs.ts
index ab13e459a..311cdb605 100644
--- a/src/hooks/web/useTabs.ts
+++ b/src/hooks/web/useTabs.ts
@@ -1,10 +1,9 @@
-import type { RouteLocationNormalized, Router } from 'vue-router';
-
-import { useRouter } from 'vue-router';
 import { unref } from 'vue';
+import type { RouteLocationNormalized, Router } from 'vue-router';
+import { useRouter } from 'vue-router';
 
-import { useMultipleTabStore } from '@/store/modules/multipleTab';
 import { useAppStore } from '@/store/modules/app';
+import { useMultipleTabStore } from '@/store/modules/multipleTab';
 
 enum TableActionEnum {
   REFRESH,
diff --git a/src/hooks/web/useTitle.ts b/src/hooks/web/useTitle.ts
index 45ffb43e6..6facc9da9 100644
--- a/src/hooks/web/useTitle.ts
+++ b/src/hooks/web/useTitle.ts
@@ -1,11 +1,11 @@
-import { watch, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
 import { useTitle as usePageTitle } from '@vueuse/core';
-import { useGlobSetting } from '@/hooks/setting';
+import { unref, watch } from 'vue';
 import { useRouter } from 'vue-router';
-import { useLocaleStore } from '@/store/modules/locale';
 
+import { useGlobSetting } from '@/hooks/setting';
+import { useI18n } from '@/hooks/web/useI18n';
 import { REDIRECT_NAME } from '@/router/constant';
+import { useLocaleStore } from '@/store/modules/locale';
 
 /**
  * Listening to page changes and dynamically changing site titles
diff --git a/src/hooks/web/useWatermark.ts b/src/hooks/web/useWatermark.ts
index d74c0b384..8cda89538 100644
--- a/src/hooks/web/useWatermark.ts
+++ b/src/hooks/web/useWatermark.ts
@@ -1,4 +1,5 @@
-import { getCurrentInstance, onBeforeUnmount, ref, Ref, shallowRef, unref } from 'vue';
+import { getCurrentInstance, onBeforeUnmount, Ref, ref, shallowRef, unref } from 'vue';
+
 import { useRafThrottle } from '@/utils/domUtils';
 import { addResizeListener, removeResizeListener } from '@/utils/event';
 import { isDef } from '@/utils/is';
diff --git a/src/layouts/default/content/index.vue b/src/layouts/default/content/index.vue
index a2d1a17c8..1a3f7e4dd 100644
--- a/src/layouts/default/content/index.vue
+++ b/src/layouts/default/content/index.vue
@@ -1,13 +1,14 @@
 <template>
-  <div :class="[prefixCls, getLayoutContentMode]" v-loading="getOpenPageLoading && getPageLoading">
+  <div v-loading="getOpenPageLoading && getPageLoading" :class="[prefixCls, getLayoutContentMode]">
     <PageLayout />
   </div>
 </template>
 <script lang="ts" setup name="LayoutContent">
-import PageLayout from '@/layouts/page/index.vue';
-import { useDesign } from '@/hooks/web/useDesign';
 import { useRootSetting } from '@/hooks/setting/useRootSetting';
 import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting';
+import { useDesign } from '@/hooks/web/useDesign';
+import PageLayout from '@/layouts/page/index.vue';
+
 import { useContentViewHeight } from './useContentViewHeight';
 
 const { prefixCls } = useDesign('layout-content');
diff --git a/src/layouts/default/content/useContentContext.ts b/src/layouts/default/content/useContentContext.ts
index 133c4cf81..0f4ef9f07 100644
--- a/src/layouts/default/content/useContentContext.ts
+++ b/src/layouts/default/content/useContentContext.ts
@@ -1,4 +1,5 @@
-import type { InjectionKey, ComputedRef } from 'vue';
+import type { ComputedRef, InjectionKey } from 'vue';
+
 import { createContext, useContext } from '@/hooks/core/useContext';
 
 export interface ContentContextProps {
diff --git a/src/layouts/default/content/useContentViewHeight.ts b/src/layouts/default/content/useContentViewHeight.ts
index fcea1e356..e54ccab6d 100644
--- a/src/layouts/default/content/useContentViewHeight.ts
+++ b/src/layouts/default/content/useContentViewHeight.ts
@@ -1,4 +1,5 @@
-import { ref, computed, unref } from 'vue';
+import { computed, ref, unref } from 'vue';
+
 import { createPageContext } from '@/hooks/component/usePageContext';
 import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn';
 
diff --git a/src/layouts/default/feature/index.vue b/src/layouts/default/feature/index.vue
index a47f6edd8..ca464af65 100644
--- a/src/layouts/default/feature/index.vue
+++ b/src/layouts/default/feature/index.vue
@@ -5,17 +5,15 @@
   <SessionTimeoutLogin v-if="getIsSessionTimeout" />
 </template>
 <script lang="ts" setup name="LayoutFeatures">
-import { computed, unref } from 'vue';
 import { BackTop } from 'ant-design-vue';
-
-import { useRootSetting } from '@/hooks/setting/useRootSetting';
-import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
-import { useDesign } from '@/hooks/web/useDesign';
-import { useUserStoreWithOut } from '@/store/modules/user';
+import { computed, unref } from 'vue';
 
 import { SettingButtonPositionEnum } from '@/enums/appEnum';
+import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
+import { useRootSetting } from '@/hooks/setting/useRootSetting';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useUserStoreWithOut } from '@/store/modules/user';
 import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
-
 import SessionTimeoutLogin from '@/views/base/login/SessionTimeoutLogin.vue';
 
 const LayoutLockPage = createAsyncComponent(() => import('@/views/base/lock/index.vue'));
diff --git a/src/layouts/default/footer/index.vue b/src/layouts/default/footer/index.vue
index 70a1d9fab..3d25a02e7 100644
--- a/src/layouts/default/footer/index.vue
+++ b/src/layouts/default/footer/index.vue
@@ -1,9 +1,9 @@
 <template>
-  <Footer :class="prefixCls" v-if="getShowLayoutFooter" ref="footerRef">
+  <Footer v-if="getShowLayoutFooter" ref="footerRef" :class="prefixCls">
     <div :class="`${prefixCls}__links`">
       <a @click="openWindow(SITE_URL)">外包咨询</a>
 
-      <GithubFilled @click="openWindow(GITHUB_URL)" :class="`${prefixCls}__github`" />
+      <GithubFilled :class="`${prefixCls}__github`" @click="openWindow(GITHUB_URL)" />
 
       <a @click="openWindow(DOC_URL)">{{ t('layout.footer.onlineDocument') }}</a>
     </div>
@@ -12,18 +12,17 @@
 </template>
 
 <script lang="ts" setup name="LayoutFooter">
-import { computed, unref, ref } from 'vue';
-import { Layout } from 'ant-design-vue';
-
 import { GithubFilled } from '@ant-design/icons-vue';
+import { Layout } from 'ant-design-vue';
+import { computed, ref, unref } from 'vue';
+import { useRouter } from 'vue-router';
 
+import { useRootSetting } from '@/hooks/setting/useRootSetting';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useI18n } from '@/hooks/web/useI18n';
 import { DOC_URL, GITHUB_URL, SITE_URL } from '@/settings/siteSetting';
 import { openWindow } from '@/utils';
 
-import { useI18n } from '@/hooks/web/useI18n';
-import { useRootSetting } from '@/hooks/setting/useRootSetting';
-import { useRouter } from 'vue-router';
-import { useDesign } from '@/hooks/web/useDesign';
 import { useLayoutHeight } from '../content/useContentViewHeight';
 
 const SITE_TITLE = ref(import.meta.env.VITE_GLOB_APP_TITLE);
diff --git a/src/layouts/default/header/MultipleHeader.vue b/src/layouts/default/header/MultipleHeader.vue
index 14dc7f0f6..a7c5c05e8 100644
--- a/src/layouts/default/header/MultipleHeader.vue
+++ b/src/layouts/default/header/MultipleHeader.vue
@@ -1,23 +1,23 @@
 <template>
-  <div :style="getPlaceholderDomStyle" v-if="getIsShowPlaceholderDom"></div>
+  <div v-if="getIsShowPlaceholderDom" :style="getPlaceholderDomStyle"></div>
   <div :style="getWrapStyle" :class="getClass">
     <LayoutHeader v-if="getShowInsetHeaderRef" />
     <MultipleTabs v-if="getShowTabs" />
   </div>
 </template>
 <script lang="ts" setup name="LayoutMultipleHeader">
-import { unref, computed, CSSProperties } from 'vue';
-
-import LayoutHeader from './index.vue';
-import MultipleTabs from '../tabs/index.vue';
+import { computed, CSSProperties, unref } from 'vue';
 
 import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
-import { useFullContent } from '@/hooks/web/useFullContent';
 import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting';
 import { useAppInject } from '@/hooks/web/useAppInject';
 import { useDesign } from '@/hooks/web/useDesign';
+import { useFullContent } from '@/hooks/web/useFullContent';
+
 import { useLayoutHeight } from '../content/useContentViewHeight';
+import MultipleTabs from '../tabs/index.vue';
+import LayoutHeader from './index.vue';
 
 const HEADER_HEIGHT = 48;
 
diff --git a/src/layouts/default/header/components/Breadcrumb.vue b/src/layouts/default/header/components/Breadcrumb.vue
index b92bccc70..453c362d5 100644
--- a/src/layouts/default/header/components/Breadcrumb.vue
+++ b/src/layouts/default/header/components/Breadcrumb.vue
@@ -2,7 +2,7 @@
   <div :class="[prefixCls, `${prefixCls}--${theme}`]">
     <Breadcrumb :routes="routes as any">
       <template #itemRender="{ route, routes: routesMatched, paths }">
-        <Icon :icon="getIcon(route)" v-if="getShowBreadCrumbIcon && getIcon(route)" />
+        <Icon v-if="getShowBreadCrumbIcon && getIcon(route)" :icon="getIcon(route)" />
         <span v-if="!hasRedirect(routesMatched, route)">
           {{ t(route.name || route.meta.title) }}
         </span>
@@ -14,22 +14,23 @@
   </div>
 </template>
 <script lang="ts" setup name="LayoutBreadcrumb">
+import { Breadcrumb } from 'ant-design-vue';
+import { ref, watchEffect } from 'vue';
 import type { RouteLocationMatched } from 'vue-router';
 import { useRouter } from 'vue-router';
-import type { Menu } from '@/router/types';
-import { ref, watchEffect } from 'vue';
-import { Breadcrumb } from 'ant-design-vue';
-import { useDesign } from '@/hooks/web/useDesign';
+
+import { Icon } from '@/components/Icon';
 import { useRootSetting } from '@/hooks/setting/useRootSetting';
-import { useGo } from '@/hooks/web/usePage';
+import { useDesign } from '@/hooks/web/useDesign';
 import { useI18n } from '@/hooks/web/useI18n';
-import { propTypes } from '@/utils/propTypes';
-import { isString } from '@/utils/is';
-import { filter } from '@/utils/helper/treeHelper';
-import { getMenus } from '@/router/menus';
+import { useGo } from '@/hooks/web/usePage';
 import { REDIRECT_NAME } from '@/router/constant';
 import { getAllParentPath } from '@/router/helper/menuHelper';
-import { Icon } from '@/components/Icon';
+import { getMenus } from '@/router/menus';
+import type { Menu } from '@/router/types';
+import { filter } from '@/utils/helper/treeHelper';
+import { isString } from '@/utils/is';
+import { propTypes } from '@/utils/propTypes';
 
 defineProps({
   theme: propTypes.oneOf(['dark', 'light']),
diff --git a/src/layouts/default/header/components/ErrorAction.vue b/src/layouts/default/header/components/ErrorAction.vue
index db0163f08..3897e37f4 100644
--- a/src/layouts/default/header/components/ErrorAction.vue
+++ b/src/layouts/default/header/components/ErrorAction.vue
@@ -6,15 +6,14 @@
   </Tooltip>
 </template>
 <script lang="ts" setup name="ErrorAction">
+import { Badge, Tooltip } from 'ant-design-vue';
 import { computed } from 'vue';
-import { Tooltip, Badge } from 'ant-design-vue';
-import { Icon } from '@/components/Icon';
+import { useRouter } from 'vue-router';
 
+import { Icon } from '@/components/Icon';
+import { PageEnum } from '@/enums/pageEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useErrorLogStore } from '@/store/modules/errorLog';
-import { PageEnum } from '@/enums/pageEnum';
-
-import { useRouter } from 'vue-router';
 
 const { t } = useI18n();
 const { push } = useRouter();
diff --git a/src/layouts/default/header/components/FullScreen.vue b/src/layouts/default/header/components/FullScreen.vue
index 186f78f89..afdfa817b 100644
--- a/src/layouts/default/header/components/FullScreen.vue
+++ b/src/layouts/default/header/components/FullScreen.vue
@@ -7,12 +7,13 @@
   </Tooltip>
 </template>
 <script lang="ts" setup name="FullScreen">
-import { computed, unref } from 'vue';
-import { Tooltip } from 'ant-design-vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useFullscreen } from '@vueuse/core';
-
 import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue';
+import { useFullscreen } from '@vueuse/core';
+import { Tooltip } from 'ant-design-vue';
+import { computed, unref } from 'vue';
+
+import { useI18n } from '@/hooks/web/useI18n';
+
 const { t } = useI18n();
 const { toggle, isFullscreen } = useFullscreen();
 // 重新检查全屏状态
diff --git a/src/layouts/default/header/components/index.ts b/src/layouts/default/header/components/index.ts
index 6593e58a4..86ffd9f02 100644
--- a/src/layouts/default/header/components/index.ts
+++ b/src/layouts/default/header/components/index.ts
@@ -1,4 +1,5 @@
 import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
+
 import FullScreen from './FullScreen.vue';
 
 export const UserDropDown = createAsyncComponent(() => import('./user-dropdown/index.vue'), {
diff --git a/src/layouts/default/header/components/lock/LockModal.vue b/src/layouts/default/header/components/lock/LockModal.vue
index 9b2bad0ed..6da49e7f0 100644
--- a/src/layouts/default/header/components/lock/LockModal.vue
+++ b/src/layouts/default/header/components/lock/LockModal.vue
@@ -20,13 +20,14 @@
 </template>
 <script lang="ts" setup name="LockModal">
 import { computed } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useDesign } from '@/hooks/web/useDesign';
+
+import headerImg from '@/assets/images/header.jpg';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
-import { useUserStore } from '@/store/modules/user';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useI18n } from '@/hooks/web/useI18n';
 import { useLockStore } from '@/store/modules/lock';
-import headerImg from '@/assets/images/header.jpg';
+import { useUserStore } from '@/store/modules/user';
 
 const { t } = useI18n();
 const { prefixCls } = useDesign('header-lock-modal');
diff --git a/src/layouts/default/header/components/notify/NoticeList.vue b/src/layouts/default/header/components/notify/NoticeList.vue
index c51c2990b..478a30650 100644
--- a/src/layouts/default/header/components/notify/NoticeList.vue
+++ b/src/layouts/default/header/components/notify/NoticeList.vue
@@ -6,14 +6,14 @@
           <template #title>
             <div class="title">
               <TypographyParagraph
-                @click="handleTitleClick(item)"
                 style="width: 100%; margin-bottom: 0 !important"
                 :style="{ cursor: isTitleClickable ? 'pointer' : '' }"
                 :delete="!!item.titleDelete"
                 :ellipsis="$props.titleRows && $props.titleRows > 0 ? { rows: $props.titleRows, tooltip: !!item.title } : false"
                 :content="item.title"
+                @click="handleTitleClick(item)"
               />
-              <div class="extra" v-if="item.extra">
+              <div v-if="item.extra" class="extra">
                 <Tag class="tag" :color="item.color">
                   {{ item.extra }}
                 </Tag>
@@ -28,7 +28,7 @@
 
           <template #description>
             <div>
-              <div class="description" v-if="item.description">
+              <div v-if="item.description" class="description">
                 <TypographyParagraph
                   style="width: 100%; margin-bottom: 0 !important"
                   :ellipsis="$props.descRows && $props.descRows > 0 ? { rows: $props.descRows, tooltip: !!item.description } : false"
@@ -46,12 +46,14 @@
   </List>
 </template>
 <script lang="ts" setup>
-import { computed, ref, watch, unref } from 'vue';
-import { ListItem } from './data';
+import { Avatar, List, Tag, Typography } from 'ant-design-vue';
+import { computed, ref, unref, watch } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
-import { List, Avatar, Tag, Typography } from 'ant-design-vue';
 import { isNumber } from '@/utils/is';
 
+import { ListItem } from './data';
+
 const ListItem = List.Item;
 const ListItemMeta = List.Item.Meta;
 const TypographyParagraph = Typography.Paragraph;
@@ -61,7 +63,7 @@ const props = defineProps({
     default: () => [],
   },
   pageSize: {
-    type: [Boolean, Number] as PropType<Boolean | Number>,
+    type: [Boolean, Number] as PropType<boolean | number>,
     default: 5,
   },
   currentPage: {
@@ -86,7 +88,7 @@ const current = ref(props.currentPage || 1);
 const getData = computed(() => {
   const { pageSize, list } = props;
   if (pageSize === false) return [];
-  let size = isNumber(pageSize) ? pageSize : 5;
+  const size = isNumber(pageSize) ? pageSize : 5;
   return list.slice(size * (unref(current) - 1), size * unref(current));
 });
 watch(
diff --git a/src/layouts/default/header/components/notify/index.vue b/src/layouts/default/header/components/notify/index.vue
index 850626e3d..ba19a0605 100644
--- a/src/layouts/default/header/components/notify/index.vue
+++ b/src/layouts/default/header/components/notify/index.vue
@@ -13,8 +13,8 @@
                 <span v-if="item.list.length !== 0">({{ item.list.length }})</span>
               </template>
               <!-- 绑定title-click事件的通知列表中标题是“可点击”的-->
-              <NoticeList :list="item.list" v-if="item.key === '1'" @title-click="onNoticeClick" />
-              <NoticeList :list="item.list" v-else />
+              <NoticeList v-if="item.key === '1'" :list="item.list" @title-click="onNoticeClick" />
+              <NoticeList v-else :list="item.list" />
             </TabPane>
           </template>
         </Tabs>
@@ -23,14 +23,16 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { computed, ref } from 'vue';
-import { Popover, Tabs, Badge } from 'ant-design-vue';
 import { BellOutlined } from '@ant-design/icons-vue';
-import { tabListData, ListItem } from './data';
-import NoticeList from './NoticeList.vue';
+import { Badge, Popover, Tabs } from 'ant-design-vue';
+import { computed, ref } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
 import { useMessage } from '@/hooks/web/useMessage';
 
+import { ListItem, tabListData } from './data';
+import NoticeList from './NoticeList.vue';
+
 const TabPane = Tabs.TabPane;
 const numberStyle = ref({});
 const { prefixCls } = useDesign('header-notify');
diff --git a/src/layouts/default/header/components/user-dropdown/index.vue b/src/layouts/default/header/components/user-dropdown/index.vue
index 452992d4f..3254b34d5 100644
--- a/src/layouts/default/header/components/user-dropdown/index.vue
+++ b/src/layouts/default/header/components/user-dropdown/index.vue
@@ -12,7 +12,7 @@
     <template #overlay>
       <Menu @click="handleMenuClick">
         <MenuItem key="profile" :text="t('layout.header.accountCenter')" icon="ion:person-outline" />
-        <MenuItem key="doc" :text="t('layout.header.dropdownItemDoc')" icon="ion:document-text-outline" v-if="getShowDoc" />
+        <MenuItem v-if="getShowDoc" key="doc" :text="t('layout.header.dropdownItemDoc')" icon="ion:document-text-outline" />
         <MenuDivider v-if="getShowDoc" />
         <MenuItem v-if="getUseLockPage" key="lock" :text="t('layout.header.tooltipLock')" icon="ion:lock-closed-outline" />
         <MenuItem key="logout" :text="t('layout.header.dropdownItemLoginOut')" icon="ion:power-outline" />
@@ -25,17 +25,19 @@
 import { Dropdown, Menu, MenuDivider } from 'ant-design-vue';
 import type { MenuInfo } from 'ant-design-vue/lib/menu/src/interface';
 import { computed } from 'vue';
+
+import headerImg from '@/assets/images/header.jpg';
+import { useModal } from '@/components/Modal';
+import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useGo } from '@/hooks/web/usePage';
 import { DOC_URL } from '@/settings/siteSetting';
 import { useUserStore } from '@/store/modules/user';
-import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useDesign } from '@/hooks/web/useDesign';
-import { useModal } from '@/components/Modal';
-import headerImg from '@/assets/images/header.jpg';
-import { propTypes } from '@/utils/propTypes';
 import { openWindow } from '@/utils';
-import { useGo } from '@/hooks/web/usePage';
 import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
+import { propTypes } from '@/utils/propTypes';
+
 const go = useGo();
 
 type MenuEvent = 'profile' | 'logout' | 'doc' | 'lock';
diff --git a/src/layouts/default/header/index.vue b/src/layouts/default/header/index.vue
index d91586e99..f2a52aa34 100644
--- a/src/layouts/default/header/index.vue
+++ b/src/layouts/default/header/index.vue
@@ -14,14 +14,14 @@
     <!-- left end -->
 
     <!-- menu start -->
-    <div :class="`${prefixCls}-menu`" v-if="getShowTopMenu && !getIsMobile">
+    <div v-if="getShowTopMenu && !getIsMobile" :class="`${prefixCls}-menu`">
       <LayoutMenu :isHorizontal="true" :theme="getHeaderTheme" :splitType="getSplitType" :menuMode="getMenuMode" />
     </div>
     <!-- menu-end -->
 
     <!-- action  -->
     <div :class="`${prefixCls}-action`">
-      <AppSearch :class="`${prefixCls}-action__item `" v-if="getShowSearch" />
+      <AppSearch v-if="getShowSearch" :class="`${prefixCls}-action__item `" />
 
       <ErrorAction v-if="getUseErrorHandle" :class="`${prefixCls}-action__item error-action`" />
 
@@ -40,31 +40,24 @@
   </Header>
 </template>
 <script lang="ts" setup name="LayoutHeader">
-import { unref, computed } from 'vue';
-
-import { propTypes } from '@/utils/propTypes';
-
 import { Layout } from 'ant-design-vue';
-import { AppLogo } from '@/components/Application';
-import LayoutMenu from '../menu/index.vue';
-import LayoutTrigger from '../trigger/index.vue';
-
-import { AppSearch } from '@/components/Application';
+import { computed, unref } from 'vue';
 
+import { AppLocalePicker, AppLogo, AppSearch, AppSizePicker } from '@/components/Application';
+import { SettingButtonPositionEnum } from '@/enums/appEnum';
+import { MenuModeEnum, MenuSplitTyeEnum } from '@/enums/menuEnum';
 import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 import { useRootSetting } from '@/hooks/setting/useRootSetting';
-
-import { MenuModeEnum, MenuSplitTyeEnum } from '@/enums/menuEnum';
-import { SettingButtonPositionEnum } from '@/enums/appEnum';
-import { AppLocalePicker, AppSizePicker } from '@/components/Application';
-
-import { UserDropDown, LayoutBreadcrumb, FullScreen, Notify, ErrorAction } from './components';
 import { useAppInject } from '@/hooks/web/useAppInject';
 import { useDesign } from '@/hooks/web/useDesign';
-
-import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
 import { useLocale } from '@/locales/useLocale';
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
+import { propTypes } from '@/utils/propTypes';
+
+import LayoutMenu from '../menu/index.vue';
+import LayoutTrigger from '../trigger/index.vue';
+import { ErrorAction, FullScreen, LayoutBreadcrumb, Notify, UserDropDown } from './components';
 
 const Header = Layout.Header;
 const SettingDrawer = createAsyncComponent(() => import('@/layouts/default/setting/index.vue'), {
diff --git a/src/layouts/default/index.vue b/src/layouts/default/index.vue
index cfb66fe7e..65911c0e6 100644
--- a/src/layouts/default/index.vue
+++ b/src/layouts/default/index.vue
@@ -1,7 +1,7 @@
 <template>
   <Layout :class="prefixCls" v-bind="lockEvents">
     <LayoutFeatures />
-    <LayoutHeader fixed v-if="getShowFullHeaderRef" />
+    <LayoutHeader v-if="getShowFullHeaderRef" fixed />
     <Layout :class="[layoutClass]">
       <LayoutSideBar v-if="getShowSidebar || getIsMobile" />
       <Layout :class="`${prefixCls}-main`">
@@ -14,21 +14,20 @@
 </template>
 
 <script lang="ts" setup name="DefaultLayout">
-import { computed, unref } from 'vue';
 import { Layout } from 'ant-design-vue';
-import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
-
-import LayoutHeader from './header/index.vue';
-import LayoutContent from './content/index.vue';
-import LayoutSideBar from './sider/index.vue';
-import LayoutMultipleHeader from './header/MultipleHeader.vue';
+import { computed, unref } from 'vue';
 
 import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+import { useAppInject } from '@/hooks/web/useAppInject';
 import { useDesign } from '@/hooks/web/useDesign';
 import { useLockPage } from '@/hooks/web/useLockPage';
+import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
 
-import { useAppInject } from '@/hooks/web/useAppInject';
+import LayoutContent from './content/index.vue';
+import LayoutHeader from './header/index.vue';
+import LayoutMultipleHeader from './header/MultipleHeader.vue';
+import LayoutSideBar from './sider/index.vue';
 
 const LayoutFeatures = createAsyncComponent(() => import('@/layouts/default/feature/index.vue'));
 const LayoutFooter = createAsyncComponent(() => import('@/layouts/default/footer/index.vue'));
@@ -42,7 +41,7 @@ const { getShowSidebar, getIsMixSidebar, getShowMenu } = useMenuSetting();
 const lockEvents = useLockPage();
 
 const layoutClass = computed(() => {
-  let cls: string[] = ['ant-layout'];
+  const cls: string[] = ['ant-layout'];
   if (unref(getIsMixSidebar) || unref(getShowMenu)) {
     cls.push('ant-layout-has-sider');
   }
diff --git a/src/layouts/default/menu/index.vue b/src/layouts/default/menu/index.vue
index 57672fd47..3f1d542b6 100644
--- a/src/layouts/default/menu/index.vue
+++ b/src/layouts/default/menu/index.vue
@@ -1,24 +1,22 @@
 <script lang="tsx">
 import type { CSSProperties } from 'vue';
+import { computed, defineComponent, toRef, unref } from 'vue';
 
-import { computed, defineComponent, unref, toRef } from 'vue';
+import { AppLogo } from '@/components/Application';
+import { ScrollContainer } from '@/components/Container';
 import { BasicMenu } from '@/components/Menu';
 import { SimpleMenu } from '@/components/SimpleMenu';
-import { AppLogo } from '@/components/Application';
-
 import { MenuModeEnum, MenuSplitTyeEnum } from '@/enums/menuEnum';
-
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
-import { ScrollContainer } from '@/components/Container';
-
-import { useGo } from '@/hooks/web/usePage';
-import { useSplitMenu } from './useLayoutMenu';
-import { openWindow } from '@/utils';
-import { propTypes } from '@/utils/propTypes';
-import { isUrl } from '@/utils/is';
 import { useRootSetting } from '@/hooks/setting/useRootSetting';
 import { useAppInject } from '@/hooks/web/useAppInject';
 import { useDesign } from '@/hooks/web/useDesign';
+import { useGo } from '@/hooks/web/usePage';
+import { openWindow } from '@/utils';
+import { isUrl } from '@/utils/is';
+import { propTypes } from '@/utils/propTypes';
+
+import { useSplitMenu } from './useLayoutMenu';
 
 export default defineComponent({
   name: 'LayoutMenu',
diff --git a/src/layouts/default/menu/useLayoutMenu.ts b/src/layouts/default/menu/useLayoutMenu.ts
index 2f32c7f29..c1fa01784 100644
--- a/src/layouts/default/menu/useLayoutMenu.ts
+++ b/src/layouts/default/menu/useLayoutMenu.ts
@@ -1,13 +1,14 @@
-import type { Menu } from '@/router/types';
-import type { Ref } from 'vue';
-import { watch, unref, ref, computed } from 'vue';
-import { useRouter } from 'vue-router';
-import { MenuSplitTyeEnum } from '@/enums/menuEnum';
 import { useThrottleFn } from '@vueuse/core';
+import type { Ref } from 'vue';
+import { computed, ref, unref, watch } from 'vue';
+import { useRouter } from 'vue-router';
+
+import { MenuSplitTyeEnum } from '@/enums/menuEnum';
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
-import { getChildrenMenus, getCurrentParentPath, getMenus, getShallowMenus } from '@/router/menus';
-import { usePermissionStore } from '@/store/modules/permission';
 import { useAppInject } from '@/hooks/web/useAppInject';
+import { getChildrenMenus, getCurrentParentPath, getMenus, getShallowMenus } from '@/router/menus';
+import type { Menu } from '@/router/types';
+import { usePermissionStore } from '@/store/modules/permission';
 
 export function useSplitMenu(splitType: Ref<MenuSplitTyeEnum>) {
   // Menu array
diff --git a/src/layouts/default/setting/SettingDrawer.tsx b/src/layouts/default/setting/SettingDrawer.tsx
index 038f36c39..8a51290d1 100644
--- a/src/layouts/default/setting/SettingDrawer.tsx
+++ b/src/layouts/default/setting/SettingDrawer.tsx
@@ -1,32 +1,28 @@
-import { defineComponent, computed, unref } from 'vue';
-import { BasicDrawer } from '@/components/Drawer';
 import { Divider } from 'ant-design-vue';
-import { TypePicker, ThemeColorPicker, SettingFooter, SwitchItem, SelectItem, InputNumberItem } from './components';
+import { computed, defineComponent, unref } from 'vue';
 
 import { AppDarkModeToggle } from '@/components/Application';
-
+import { BasicDrawer } from '@/components/Drawer';
 import { MenuTypeEnum, TriggerEnum } from '@/enums/menuEnum';
-
-import { useRootSetting } from '@/hooks/setting/useRootSetting';
-import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting';
+import { useRootSetting } from '@/hooks/setting/useRootSetting';
 import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting';
 import { useI18n } from '@/hooks/web/useI18n';
+import { APP_PRESET_COLOR_LIST, HEADER_PRESET_BG_COLOR_LIST, SIDE_BAR_BG_COLOR_LIST } from '@/settings/designSetting';
 
-import { baseHandler } from './handler';
-
+import { InputNumberItem, SelectItem, SettingFooter, SwitchItem, ThemeColorPicker, TypePicker } from './components';
 import {
-  HandlerEnum,
   contentModeOptions,
-  topMenuAlignOptions,
   getMenuTriggerOptions,
-  routerTransitionOptions,
+  HandlerEnum,
   menuTypeList,
   mixSidebarTriggerOptions,
+  routerTransitionOptions,
+  topMenuAlignOptions,
 } from './enum';
-
-import { HEADER_PRESET_BG_COLOR_LIST, SIDE_BAR_BG_COLOR_LIST, APP_PRESET_COLOR_LIST } from '@/settings/designSetting';
+import { baseHandler } from './handler';
 
 const { t } = useI18n();
 
diff --git a/src/layouts/default/setting/components/InputNumberItem.vue b/src/layouts/default/setting/components/InputNumberItem.vue
index 81d82ee18..cb06d1e57 100644
--- a/src/layouts/default/setting/components/InputNumberItem.vue
+++ b/src/layouts/default/setting/components/InputNumberItem.vue
@@ -6,9 +6,11 @@
 </template>
 <script lang="ts" setup name="InputNumberItem">
 import { InputNumber } from 'ant-design-vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
-import { baseHandler } from '../handler';
+
 import { HandlerEnum } from '../enum';
+import { baseHandler } from '../handler';
 
 const props = defineProps({
   event: {
diff --git a/src/layouts/default/setting/components/SelectItem.vue b/src/layouts/default/setting/components/SelectItem.vue
index a3df4161e..d988fa86b 100644
--- a/src/layouts/default/setting/components/SelectItem.vue
+++ b/src/layouts/default/setting/components/SelectItem.vue
@@ -1,16 +1,17 @@
 <template>
   <div :class="prefixCls">
     <span> {{ title }}</span>
-    <Select v-bind="getBindValue" :class="`${prefixCls}-select`" @change="handleChange as any" :disabled="disabled" :options="options" />
+    <Select v-bind="getBindValue" :class="`${prefixCls}-select`" :disabled="disabled" :options="options" @change="handleChange as any" />
   </div>
 </template>
 <script lang="ts" setup name="SelectItem">
+import { Select } from 'ant-design-vue';
 import { computed } from 'vue';
 
-import { Select } from 'ant-design-vue';
 import { useDesign } from '@/hooks/web/useDesign';
-import { baseHandler } from '../handler';
+
 import { HandlerEnum } from '../enum';
+import { baseHandler } from '../handler';
 
 const props = defineProps({
   event: {
diff --git a/src/layouts/default/setting/components/SettingFooter.vue b/src/layouts/default/setting/components/SettingFooter.vue
index 221d7a65f..d27864d15 100644
--- a/src/layouts/default/setting/components/SettingFooter.vue
+++ b/src/layouts/default/setting/components/SettingFooter.vue
@@ -5,7 +5,7 @@
       {{ t('layout.setting.copyBtn') }}
     </a-button>
 
-    <a-button color="warning" block @click="handleResetSetting" class="my-3">
+    <a-button color="warning" block class="my-3" @click="handleResetSetting">
       <RedoOutlined class="mr-2" />
       {{ t('common.resetText') }}
     </a-button>
@@ -17,25 +17,22 @@
   </div>
 </template>
 <script lang="ts" setup name="SettingFooter">
+import { CopyOutlined, RedoOutlined } from '@ant-design/icons-vue';
 import { unref } from 'vue';
 
-import { CopyOutlined, RedoOutlined } from '@ant-design/icons-vue';
-
-import { useAppStore } from '@/store/modules/app';
-import { usePermissionStore } from '@/store/modules/permission';
-import { useMultipleTabStore } from '@/store/modules/multipleTab';
-import { useUserStore } from '@/store/modules/user';
-
+import { useCopyToClipboard } from '@/hooks/web/useCopyToClipboard';
 import { useDesign } from '@/hooks/web/useDesign';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useCopyToClipboard } from '@/hooks/web/useCopyToClipboard';
-
+import { changeTheme } from '@/logics/theme';
+import { updateSidebarBgColor } from '@/logics/theme/updateBackground';
 import { updateColorWeak } from '@/logics/theme/updateColorWeak';
 import { updateGrayMode } from '@/logics/theme/updateGrayMode';
 import defaultSetting from '@/settings/projectSetting';
-import { changeTheme } from '@/logics/theme';
-import { updateSidebarBgColor } from '@/logics/theme/updateBackground';
+import { useAppStore } from '@/store/modules/app';
+import { useMultipleTabStore } from '@/store/modules/multipleTab';
+import { usePermissionStore } from '@/store/modules/permission';
+import { useUserStore } from '@/store/modules/user';
 
 const permissionStore = usePermissionStore();
 const { prefixCls } = useDesign('setting-footer');
diff --git a/src/layouts/default/setting/components/SwitchItem.vue b/src/layouts/default/setting/components/SwitchItem.vue
index bd576c9df..b4312ed23 100644
--- a/src/layouts/default/setting/components/SwitchItem.vue
+++ b/src/layouts/default/setting/components/SwitchItem.vue
@@ -3,21 +3,22 @@
     <span> {{ title }}</span>
     <Switch
       v-bind="getBindValue"
-      @change="handleChange as any"
       :disabled="disabled"
       :checkedChildren="t('layout.setting.on')"
       :unCheckedChildren="t('layout.setting.off')"
+      @change="handleChange as any"
     />
   </div>
 </template>
 <script lang="ts" setup name="SwitchItem">
+import { Switch } from 'ant-design-vue';
 import { computed } from 'vue';
 
-import { Switch } from 'ant-design-vue';
 import { useDesign } from '@/hooks/web/useDesign';
 import { useI18n } from '@/hooks/web/useI18n';
-import { baseHandler } from '../handler';
+
 import { HandlerEnum } from '../enum';
+import { baseHandler } from '../handler';
 
 const props = defineProps({
   event: {
diff --git a/src/layouts/default/setting/components/ThemeColorPicker.vue b/src/layouts/default/setting/components/ThemeColorPicker.vue
index 60482b8ff..76d8c2c9c 100644
--- a/src/layouts/default/setting/components/ThemeColorPicker.vue
+++ b/src/layouts/default/setting/components/ThemeColorPicker.vue
@@ -2,7 +2,6 @@
   <div :class="prefixCls">
     <template v-for="color in colorList || []" :key="color">
       <span
-        @click="handleClick(color)"
         :class="[
           `${prefixCls}__item`,
           {
@@ -10,6 +9,7 @@
           },
         ]"
         :style="{ background: color }"
+        @click="handleClick(color)"
       >
         <CheckOutlined />
       </span>
@@ -21,8 +21,8 @@ import { CheckOutlined } from '@ant-design/icons-vue';
 
 import { useDesign } from '@/hooks/web/useDesign';
 
-import { baseHandler } from '../handler';
 import { HandlerEnum } from '../enum';
+import { baseHandler } from '../handler';
 
 const props = defineProps({
   colorList: {
diff --git a/src/layouts/default/setting/components/TypePicker.vue b/src/layouts/default/setting/components/TypePicker.vue
index 4210bd0d2..e3392ebfa 100644
--- a/src/layouts/default/setting/components/TypePicker.vue
+++ b/src/layouts/default/setting/components/TypePicker.vue
@@ -3,7 +3,6 @@
     <template v-for="item in menuTypeList || []" :key="item.title">
       <Tooltip :title="item.title" placement="bottom">
         <div
-          @click="handler(item)"
           :class="[
             `${prefixCls}__item`,
             `${prefixCls}__item--${item.type}`,
@@ -11,6 +10,7 @@
               [`${prefixCls}__item--active`]: def === item.type,
             },
           ]"
+          @click="handler(item)"
         >
           <div class="mix-sidebar"></div>
         </div>
@@ -20,7 +20,9 @@
 </template>
 <script lang="ts" setup name="MenuTypePicker">
 import { Tooltip } from 'ant-design-vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
+
 import { menuTypeList } from '../enum';
 
 defineProps({
diff --git a/src/layouts/default/setting/enum.ts b/src/layouts/default/setting/enum.ts
index 4576ccae8..453654f9b 100644
--- a/src/layouts/default/setting/enum.ts
+++ b/src/layouts/default/setting/enum.ts
@@ -1,6 +1,5 @@
 import { ContentEnum, RouterTransitionEnum } from '@/enums/appEnum';
-import { MenuModeEnum, MenuTypeEnum, TopMenuAlignEnum, TriggerEnum, MixSidebarTriggerEnum } from '@/enums/menuEnum';
-
+import { MenuModeEnum, MenuTypeEnum, MixSidebarTriggerEnum, TopMenuAlignEnum, TriggerEnum } from '@/enums/menuEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 
 const { t } = useI18n();
diff --git a/src/layouts/default/setting/handler.ts b/src/layouts/default/setting/handler.ts
index 0c1c9cf01..2336205a3 100644
--- a/src/layouts/default/setting/handler.ts
+++ b/src/layouts/default/setting/handler.ts
@@ -1,13 +1,13 @@
-import { HandlerEnum } from './enum';
+import { useRootSetting } from '@/hooks/setting/useRootSetting';
+import { changeTheme } from '@/logics/theme';
+import { updateDarkTheme } from '@/logics/theme/dark';
 import { updateHeaderBgColor, updateSidebarBgColor } from '@/logics/theme/updateBackground';
 import { updateColorWeak } from '@/logics/theme/updateColorWeak';
 import { updateGrayMode } from '@/logics/theme/updateGrayMode';
-
 import { useAppStore } from '@/store/modules/app';
-import { ProjectConfig } from '@/types/config';
-import { changeTheme } from '@/logics/theme';
-import { updateDarkTheme } from '@/logics/theme/dark';
-import { useRootSetting } from '@/hooks/setting/useRootSetting';
+import { ProjectConfig } from '#/config';
+
+import { HandlerEnum } from './enum';
 
 export function baseHandler(event: HandlerEnum, value: any) {
   const appStore = useAppStore();
diff --git a/src/layouts/default/setting/index.vue b/src/layouts/default/setting/index.vue
index 1dcea6df9..0b92f55e7 100644
--- a/src/layouts/default/setting/index.vue
+++ b/src/layouts/default/setting/index.vue
@@ -5,10 +5,10 @@
   </div>
 </template>
 <script lang="ts" setup name="SettingButton">
-import SettingDrawer from './SettingDrawer';
+import { useDrawer } from '@/components/Drawer';
 import { Icon } from '@/components/Icon';
 
-import { useDrawer } from '@/components/Drawer';
+import SettingDrawer from './SettingDrawer';
 
 const [register, { openDrawer }] = useDrawer();
 </script>
diff --git a/src/layouts/default/sider/DragBar.vue b/src/layouts/default/sider/DragBar.vue
index 9f59140e3..9a81ce6e9 100644
--- a/src/layouts/default/sider/DragBar.vue
+++ b/src/layouts/default/sider/DragBar.vue
@@ -4,8 +4,8 @@
 <script lang="ts" setup name="DargBar">
 import { computed, unref } from 'vue';
 
-import { useDesign } from '@/hooks/web/useDesign';
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+import { useDesign } from '@/hooks/web/useDesign';
 
 const props = {
   mobile: Boolean,
diff --git a/src/layouts/default/sider/LayoutSider.vue b/src/layouts/default/sider/LayoutSider.vue
index 9362f0fa2..bd707870e 100644
--- a/src/layouts/default/sider/LayoutSider.vue
+++ b/src/layouts/default/sider/LayoutSider.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="getMenuFixed && !getIsMobile" :style="getHiddenDomStyle" v-show="showClassSideBarRef"></div>
+  <div v-if="getMenuFixed && !getIsMobile" v-show="showClassSideBarRef" :style="getHiddenDomStyle"></div>
   <Sider
     v-show="showClassSideBarRef"
     ref="sideRef"
@@ -10,11 +10,11 @@
     :collapsed="getCollapsed"
     :collapsedWidth="getCollapsedWidth"
     :theme="getMenuTheme"
-    @breakpoint="onBreakpointChange"
     :trigger="getTrigger"
     v-bind="getTriggerAttr"
+    @breakpoint="onBreakpointChange"
   >
-    <template #trigger v-if="getShowTrigger">
+    <template v-if="getShowTrigger" #trigger>
       <LayoutTrigger />
     </template>
     <LayoutMenu :theme="getMenuTheme" :menuMode="getMode" :splitType="getSplitType" />
@@ -22,20 +22,19 @@
   </Sider>
 </template>
 <script lang="ts" setup name="LayoutSideBar">
-import { computed, ref, unref, CSSProperties, h } from 'vue';
-
 import { Layout } from 'ant-design-vue';
-import LayoutMenu from '../menu/index.vue';
-import LayoutTrigger from '@/layouts/default/trigger/index.vue';
+import { computed, CSSProperties, h, ref, unref } from 'vue';
 
 import { MenuModeEnum, MenuSplitTyeEnum } from '@/enums/menuEnum';
-
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
-import { useTrigger, useDragLine, useSiderEvent } from './useLayoutSider';
 import { useAppInject } from '@/hooks/web/useAppInject';
 import { useDesign } from '@/hooks/web/useDesign';
+import LayoutTrigger from '@/layouts/default/trigger/index.vue';
 
+import LayoutMenu from '../menu/index.vue';
 import DragBar from './DragBar.vue';
+import { useDragLine, useSiderEvent, useTrigger } from './useLayoutSider';
+
 const Sider = Layout.Sider;
 const dragBarRef = ref<ElRef>(null);
 const sideRef = ref<ElRef>(null);
@@ -77,7 +76,7 @@ const getSiderClass = computed(() => {
 const getHiddenDomStyle = computed((): CSSProperties => {
   const width = `${unref(getRealWidth)}px`;
   return {
-    width: width,
+    width,
     overflow: 'hidden',
     flex: `0 0 ${width}`,
     maxWidth: width,
diff --git a/src/layouts/default/sider/MixSider.vue b/src/layouts/default/sider/MixSider.vue
index 604959930..20905c7e2 100644
--- a/src/layouts/default/sider/MixSider.vue
+++ b/src/layouts/default/sider/MixSider.vue
@@ -20,15 +20,15 @@
     <ScrollContainer>
       <ul :class="`${prefixCls}-module`">
         <li
+          v-for="item in menuModules"
+          v-bind="getItemEvents(item)"
+          :key="item.path"
           :class="[
             `${prefixCls}-module__item `,
             {
               [`${prefixCls}-module__item--active`]: item.path === activePath,
             },
           ]"
-          v-bind="getItemEvents(item)"
-          v-for="item in menuModules"
-          :key="item.path"
         >
           <SimpleMenuTag :item="item" collapseParent dot />
           <Icon :class="`${prefixCls}-module__icon`" :size="getCollapsed ? 16 : 20" :icon="item.icon || (item.meta && item.meta.icon)" />
@@ -39,7 +39,7 @@
       </ul>
     </ScrollContainer>
 
-    <div :class="`${prefixCls}-menu-list`" ref="sideRef" :style="getMenuStyle">
+    <div ref="sideRef" :class="`${prefixCls}-menu-list`" :style="getMenuStyle">
       <div
         v-show="openMenu"
         :class="[
@@ -55,31 +55,33 @@
       <ScrollContainer :class="`${prefixCls}-menu-list__content`">
         <SimpleMenu :items="childrenMenus" :theme="getMenuTheme" mixSider @menu-click="handleMenuClick" />
       </ScrollContainer>
-      <div v-show="getShowDragBar && openMenu" :class="`${prefixCls}-drag-bar`" ref="dragBarRef"></div>
+      <div v-show="getShowDragBar && openMenu" ref="dragBarRef" :class="`${prefixCls}-drag-bar`"></div>
     </div>
   </div>
 </template>
 <script lang="ts">
-import type { Menu } from '@/router/types';
 import type { CSSProperties } from 'vue';
 import { computed, defineComponent, onMounted, ref, unref, watch } from 'vue';
 import type { RouteLocationNormalized } from 'vue-router';
-import { ScrollContainer } from '@/components/Container';
-import { SimpleMenu, SimpleMenuTag } from '@/components/SimpleMenu';
-import { Icon } from '@/components/Icon';
+
 import { AppLogo } from '@/components/Application';
-import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
-import { usePermissionStore } from '@/store/modules/permission';
-import { useDragLine } from './useLayoutSider';
+import { ScrollContainer } from '@/components/Container';
+import { Icon } from '@/components/Icon';
+import { SimpleMenu, SimpleMenuTag } from '@/components/SimpleMenu';
+import clickOutside from '@/directives/clickOutside';
+import { SIDE_BAR_MINI_WIDTH, SIDE_BAR_SHOW_TIT_MINI_WIDTH } from '@/enums/appEnum';
 import { useGlobSetting } from '@/hooks/setting';
+import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 import { useDesign } from '@/hooks/web/useDesign';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useGo } from '@/hooks/web/usePage';
-import { SIDE_BAR_MINI_WIDTH, SIDE_BAR_SHOW_TIT_MINI_WIDTH } from '@/enums/appEnum';
-import clickOutside from '@/directives/clickOutside';
-import { getChildrenMenus, getCurrentParentPath, getShallowMenus } from '@/router/menus';
 import { listenerRouteChange } from '@/logics/mitt/routeChange';
+import { getChildrenMenus, getCurrentParentPath, getShallowMenus } from '@/router/menus';
+import type { Menu } from '@/router/types';
+import { usePermissionStore } from '@/store/modules/permission';
+
 import LayoutTrigger from '../trigger/index.vue';
+import { useDragLine } from './useLayoutSider';
 
 export default defineComponent({
   name: 'LayoutMixSider',
@@ -95,7 +97,7 @@ export default defineComponent({
     clickOutside,
   },
   setup() {
-    let menuModules = ref<Menu[]>([]);
+    const menuModules = ref<Menu[]>([]);
     const activePath = ref('');
     const childrenMenus = ref<Menu[]>([]);
     const openMenu = ref(false);
@@ -301,9 +303,9 @@ export default defineComponent({
       t,
       prefixCls,
       menuModules,
-      handleModuleClick: handleModuleClick,
+      handleModuleClick,
       activePath,
-      childrenMenus: childrenMenus,
+      childrenMenus,
       getShowDragBar,
       handleMenuClick,
       getMenuStyle,
diff --git a/src/layouts/default/sider/index.vue b/src/layouts/default/sider/index.vue
index b56f09ce2..aa206373e 100644
--- a/src/layouts/default/sider/index.vue
+++ b/src/layouts/default/sider/index.vue
@@ -14,14 +14,15 @@
   <Sider v-else />
 </template>
 <script lang="ts" setup name="SiderWrapper">
-import Sider from './LayoutSider.vue';
-import MixSider from './MixSider.vue';
 import { Drawer } from 'ant-design-vue';
 
-import { useAppInject } from '@/hooks/web/useAppInject';
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+import { useAppInject } from '@/hooks/web/useAppInject';
 import { useDesign } from '@/hooks/web/useDesign';
 
+import Sider from './LayoutSider.vue';
+import MixSider from './MixSider.vue';
+
 const { prefixCls } = useDesign('layout-sider-wrapper');
 const { getIsMobile } = useAppInject();
 const { setMenuSetting, getCollapsed, getMenuWidth, getIsMixSidebar } = useMenuSetting();
diff --git a/src/layouts/default/sider/useLayoutSider.ts b/src/layouts/default/sider/useLayoutSider.ts
index 86300bd39..2f2a9070b 100644
--- a/src/layouts/default/sider/useLayoutSider.ts
+++ b/src/layouts/default/sider/useLayoutSider.ts
@@ -1,11 +1,9 @@
+import { useDebounceFn } from '@vueuse/core';
 import type { Ref } from 'vue';
-
-import { computed, unref, onMounted, nextTick } from 'vue';
+import { computed, nextTick, onMounted, unref } from 'vue';
 
 import { TriggerEnum } from '@/enums/menuEnum';
-
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
-import { useDebounceFn } from '@vueuse/core';
 import { useAppStore } from '@/store/modules/app';
 
 /**
diff --git a/src/layouts/default/tabs/components/FoldButton.vue b/src/layouts/default/tabs/components/FoldButton.vue
index b5461d9eb..f1f90af80 100644
--- a/src/layouts/default/tabs/components/FoldButton.vue
+++ b/src/layouts/default/tabs/components/FoldButton.vue
@@ -4,12 +4,12 @@
   </span>
 </template>
 <script lang="ts" setup name="FoldButton">
-import { unref, computed } from 'vue';
-import { Icon } from '@/components/Icon';
+import { computed, unref } from 'vue';
 
-import { useDesign } from '@/hooks/web/useDesign';
+import { Icon } from '@/components/Icon';
 import { useHeaderSetting } from '@/hooks/setting/useHeaderSetting';
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
+import { useDesign } from '@/hooks/web/useDesign';
 import { triggerWindowResize } from '@/utils/event';
 
 const { prefixCls } = useDesign('multiple-tabs-content');
diff --git a/src/layouts/default/tabs/components/TabContent.vue b/src/layouts/default/tabs/components/TabContent.vue
index 489ecc100..d7dfa9ed4 100644
--- a/src/layouts/default/tabs/components/TabContent.vue
+++ b/src/layouts/default/tabs/components/TabContent.vue
@@ -6,25 +6,24 @@
     overlayClassName="multiple-tabs__dropdown"
     @menu-event="handleMenuEvent"
   >
-    <div :class="`${prefixCls}__info`" @contextmenu="handleContext" v-if="getIsTabs">
+    <div v-if="getIsTabs" :class="`${prefixCls}__info`" @contextmenu="handleContext">
       <span class="ml-1">{{ getTitle }}</span>
     </div>
-    <span :class="`${prefixCls}__extra-quick`" v-else @click="handleContext">
+    <span v-else :class="`${prefixCls}__extra-quick`" @click="handleContext">
       <Icon icon="ion:chevron-down" />
     </span>
   </Dropdown>
 </template>
 <script lang="ts" setup name="TabContent">
+import { computed, unref } from 'vue';
 import type { RouteLocationNormalized } from 'vue-router';
 
-import { computed, unref } from 'vue';
 import { Dropdown } from '@/components/Dropdown';
 import { Icon } from '@/components/Icon';
-
-import { TabContentProps } from '../types';
-
 import { useDesign } from '@/hooks/web/useDesign';
 import { useI18n } from '@/hooks/web/useI18n';
+
+import { TabContentProps } from '../types';
 import { useTabDropdown } from '../useTabDropdown';
 
 const props = defineProps({
diff --git a/src/layouts/default/tabs/components/TabRedo.vue b/src/layouts/default/tabs/components/TabRedo.vue
index 660e166f3..526583a0b 100644
--- a/src/layouts/default/tabs/components/TabRedo.vue
+++ b/src/layouts/default/tabs/components/TabRedo.vue
@@ -4,8 +4,9 @@
   </span>
 </template>
 <script lang="ts" setup name="TabRedo">
-import { ref } from 'vue';
 import { RedoOutlined } from '@ant-design/icons-vue';
+import { ref } from 'vue';
+
 import { useDesign } from '@/hooks/web/useDesign';
 import { useTabs } from '@/hooks/web/useTabs';
 
diff --git a/src/layouts/default/tabs/index.vue b/src/layouts/default/tabs/index.vue
index b15d31a0c..6a8388984 100644
--- a/src/layouts/default/tabs/index.vue
+++ b/src/layouts/default/tabs/index.vue
@@ -17,37 +17,33 @@
         </TabPane>
       </template>
 
-      <template #rightExtra v-if="getShowRedo || getShowQuick">
+      <template v-if="getShowRedo || getShowQuick" #rightExtra>
         <TabRedo v-if="getShowRedo" />
-        <TabContent isExtra :tabItem="$route" v-if="getShowQuick" />
+        <TabContent v-if="getShowQuick" isExtra :tabItem="$route" />
         <FoldButton v-if="getShowFold" />
       </template>
     </Tabs>
   </div>
 </template>
 <script lang="ts" setup name="MultipleTabs">
-import type { RouteLocationNormalized, RouteMeta } from 'vue-router';
-
-import { computed, unref, ref } from 'vue';
-
 import { Tabs } from 'ant-design-vue';
-import TabContent from './components/TabContent.vue';
-import FoldButton from './components/FoldButton.vue';
-import TabRedo from './components/TabRedo.vue';
+import { computed, ref, unref } from 'vue';
+import type { RouteLocationNormalized, RouteMeta } from 'vue-router';
+import { useRouter } from 'vue-router';
 
+import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting';
+import { useDesign } from '@/hooks/web/useDesign';
 import { useGo } from '@/hooks/web/usePage';
-
+import { listenerRouteChange } from '@/logics/mitt/routeChange';
+import { REDIRECT_NAME } from '@/router/constant';
 import { useMultipleTabStore } from '@/store/modules/multipleTab';
 import { useUserStore } from '@/store/modules/user';
 
+import FoldButton from './components/FoldButton.vue';
+import TabContent from './components/TabContent.vue';
+import TabRedo from './components/TabRedo.vue';
 import { initAffixTabs, useTabsDrag } from './useMultipleTabs';
-import { useDesign } from '@/hooks/web/useDesign';
-import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting';
 
-import { REDIRECT_NAME } from '@/router/constant';
-import { listenerRouteChange } from '@/logics/mitt/routeChange';
-
-import { useRouter } from 'vue-router';
 const TabPane = Tabs.TabPane;
 const affixTextList = initAffixTabs();
 const activeKeyRef = ref('');
diff --git a/src/layouts/default/tabs/types.ts b/src/layouts/default/tabs/types.ts
index 30539c14c..ecd38822d 100644
--- a/src/layouts/default/tabs/types.ts
+++ b/src/layouts/default/tabs/types.ts
@@ -1,6 +1,7 @@
-import type { DropMenu } from '@/components/Dropdown';
 import type { RouteLocationNormalized } from 'vue-router';
 
+import type { DropMenu } from '@/components/Dropdown';
+
 export enum TabContentEnum {
   TAB_TYPE,
   EXTRA_TYPE,
diff --git a/src/layouts/default/tabs/useMultipleTabs.ts b/src/layouts/default/tabs/useMultipleTabs.ts
index 5ebac95a8..16812a65f 100644
--- a/src/layouts/default/tabs/useMultipleTabs.ts
+++ b/src/layouts/default/tabs/useMultipleTabs.ts
@@ -1,11 +1,12 @@
-import { toRaw, ref, nextTick } from 'vue';
+import { nextTick, ref, toRaw } from 'vue';
 import type { RouteLocationNormalized } from 'vue-router';
+import { useRouter } from 'vue-router';
+
 import { useDesign } from '@/hooks/web/useDesign';
 import { useSortable } from '@/hooks/web/useSortable';
+import projectSetting from '@/settings/projectSetting';
 import { useMultipleTabStore } from '@/store/modules/multipleTab';
 import { isNullAndUnDef } from '@/utils/is';
-import projectSetting from '@/settings/projectSetting';
-import { useRouter } from 'vue-router';
 
 export function initAffixTabs(): string[] {
   const affixList = ref<RouteLocationNormalized[]>([]);
diff --git a/src/layouts/default/tabs/useTabDropdown.ts b/src/layouts/default/tabs/useTabDropdown.ts
index 4cb2cbcbe..66473100c 100644
--- a/src/layouts/default/tabs/useTabDropdown.ts
+++ b/src/layouts/default/tabs/useTabDropdown.ts
@@ -1,13 +1,14 @@
-import type { TabContentProps } from './types';
-import type { DropMenu } from '@/components/Dropdown';
 import type { ComputedRef } from 'vue';
-
-import { computed, unref, reactive } from 'vue';
-import { MenuEventEnum } from './types';
-import { useMultipleTabStore } from '@/store/modules/multipleTab';
+import { computed, reactive, unref } from 'vue';
 import { RouteLocationNormalized, useRouter } from 'vue-router';
-import { useTabs } from '@/hooks/web/useTabs';
+
+import type { DropMenu } from '@/components/Dropdown';
 import { useI18n } from '@/hooks/web/useI18n';
+import { useTabs } from '@/hooks/web/useTabs';
+import { useMultipleTabStore } from '@/store/modules/multipleTab';
+
+import type { TabContentProps } from './types';
+import { MenuEventEnum } from './types';
 
 export function useTabDropdown(tabContentProps: TabContentProps, getIsTabs: ComputedRef<boolean>) {
   const state = reactive({
@@ -86,7 +87,7 @@ export function useTabDropdown(tabContentProps: TabContentProps, getIsTabs: Comp
         icon: 'clarity:minus-line',
         event: MenuEventEnum.CLOSE_ALL,
         text: t('layout.multipleTab.closeAll'),
-        disabled: disabled,
+        disabled,
       },
     ];
 
diff --git a/src/layouts/default/trigger/HeaderTrigger.vue b/src/layouts/default/trigger/HeaderTrigger.vue
index fb041421b..c03738298 100644
--- a/src/layouts/default/trigger/HeaderTrigger.vue
+++ b/src/layouts/default/trigger/HeaderTrigger.vue
@@ -2,7 +2,8 @@
   <span :class="[prefixCls, theme]" @click="toggleCollapsed"> <MenuUnfoldOutlined v-if="getCollapsed" /> <MenuFoldOutlined v-else /> </span>
 </template>
 <script lang="ts" setup name="HeaderTrigger">
-import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue';
+import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons-vue';
+
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 import { useDesign } from '@/hooks/web/useDesign';
 import { propTypes } from '@/utils/propTypes';
diff --git a/src/layouts/default/trigger/SiderTrigger.vue b/src/layouts/default/trigger/SiderTrigger.vue
index 9e13befb1..60660c8a6 100644
--- a/src/layouts/default/trigger/SiderTrigger.vue
+++ b/src/layouts/default/trigger/SiderTrigger.vue
@@ -5,7 +5,8 @@
   </div>
 </template>
 <script lang="ts" setup name="SiderTrigger">
-import { DoubleRightOutlined, DoubleLeftOutlined } from '@ant-design/icons-vue';
+import { DoubleLeftOutlined, DoubleRightOutlined } from '@ant-design/icons-vue';
+
 import { useMenuSetting } from '@/hooks/setting/useMenuSetting';
 
 const { getCollapsed, toggleCollapsed } = useMenuSetting();
diff --git a/src/layouts/default/trigger/index.vue b/src/layouts/default/trigger/index.vue
index cc9004dc4..c424842c7 100644
--- a/src/layouts/default/trigger/index.vue
+++ b/src/layouts/default/trigger/index.vue
@@ -5,6 +5,7 @@
 <script lang="ts" setup name="LayoutTrigger">
 import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
 import { propTypes } from '@/utils/propTypes';
+
 import HeaderTrigger from './HeaderTrigger.vue';
 
 const SiderTrigger = createAsyncComponent(() => import('./SiderTrigger.vue'));
diff --git a/src/layouts/iframe/index.vue b/src/layouts/iframe/index.vue
index 77af9dc0b..c3adfb6b8 100644
--- a/src/layouts/iframe/index.vue
+++ b/src/layouts/iframe/index.vue
@@ -6,7 +6,8 @@
   </div>
 </template>
 <script lang="ts" setup name="FrameLayout">
-import { unref, computed } from 'vue';
+import { computed, unref } from 'vue';
+
 import FramePage from '@/views/base/iframe/index.vue';
 
 import { useFrameKeepAlive } from './useFrameKeepAlive';
diff --git a/src/layouts/iframe/useFrameKeepAlive.ts b/src/layouts/iframe/useFrameKeepAlive.ts
index 2c295cc02..1401ba080 100644
--- a/src/layouts/iframe/useFrameKeepAlive.ts
+++ b/src/layouts/iframe/useFrameKeepAlive.ts
@@ -1,14 +1,10 @@
-import type { AppRouteRecordRaw } from '@/router/types';
-
-import { computed, toRaw, unref } from 'vue';
-
-import { useMultipleTabStore } from '@/store/modules/multipleTab';
-
 import { uniqBy } from 'lodash-es';
+import { computed, toRaw, unref } from 'vue';
+import { useRouter } from 'vue-router';
 
 import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting';
-
-import { useRouter } from 'vue-router';
+import type { AppRouteRecordRaw } from '@/router/types';
+import { useMultipleTabStore } from '@/store/modules/multipleTab';
 
 export function useFrameKeepAlive() {
   const router = useRouter();
diff --git a/src/layouts/page/index.vue b/src/layouts/page/index.vue
index f9fde91f4..d4b353fb5 100644
--- a/src/layouts/page/index.vue
+++ b/src/layouts/page/index.vue
@@ -17,7 +17,7 @@
         <keep-alive v-if="openCache" :include="getCaches">
           <component :is="Component" :key="route.fullPath" />
         </keep-alive>
-        <component v-else :is="Component" :key="route.fullPath" />
+        <component :is="Component" v-else :key="route.fullPath" />
       </transition>
     </template>
   </RouterView>
@@ -27,16 +27,14 @@
 <script lang="ts" setup name="PageLayout">
 import { computed, unref } from 'vue';
 
-import FrameLayout from '@/layouts/iframe/index.vue';
-
-import { useRootSetting } from '@/hooks/setting/useRootSetting';
-
-import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting';
 import { useMultipleTabSetting } from '@/hooks/setting/useMultipleTabSetting';
-import { getTransitionName } from './transition';
-
+import { useRootSetting } from '@/hooks/setting/useRootSetting';
+import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting';
+import FrameLayout from '@/layouts/iframe/index.vue';
 import { useMultipleTabStore } from '@/store/modules/multipleTab';
 
+import { getTransitionName } from './transition';
+
 const { getShowMultipleTab } = useMultipleTabSetting();
 const tabStore = useMultipleTabStore();
 
diff --git a/src/locales/helper.ts b/src/locales/helper.ts
index bd9aafc99..464b8dc5c 100644
--- a/src/locales/helper.ts
+++ b/src/locales/helper.ts
@@ -1,7 +1,7 @@
-import type { LocaleType } from '@/types/config';
-
 import { set } from 'lodash-es';
 
+import type { LocaleType } from '#/config';
+
 export const loadLocalePool: LocaleType[] = [];
 
 export function setHtmlPageLang(locale: LocaleType) {
diff --git a/src/locales/lang/en.ts b/src/locales/lang/en.ts
index 98bebd559..7bb48ff2b 100644
--- a/src/locales/lang/en.ts
+++ b/src/locales/lang/en.ts
@@ -1,6 +1,7 @@
-import { genMessage } from '../helper';
 import antdLocale from 'ant-design-vue/es/locale/en_US';
 
+import { genMessage } from '../helper';
+
 const modules = import.meta.glob('./en/**/*.ts', { eager: true });
 export default {
   message: {
diff --git a/src/locales/lang/zh_CN.ts b/src/locales/lang/zh_CN.ts
index 8fc3305a3..849bf8f5d 100644
--- a/src/locales/lang/zh_CN.ts
+++ b/src/locales/lang/zh_CN.ts
@@ -1,6 +1,7 @@
-import { genMessage } from '../helper';
 import antdLocale from 'ant-design-vue/es/locale/zh_CN';
 
+import { genMessage } from '../helper';
+
 const modules = import.meta.glob('./zh-CN/**/*.ts', { eager: true });
 export default {
   message: {
diff --git a/src/locales/setupI18n.ts b/src/locales/setupI18n.ts
index a6ea418d1..581e5fdd6 100644
--- a/src/locales/setupI18n.ts
+++ b/src/locales/setupI18n.ts
@@ -1,11 +1,12 @@
 import type { App } from 'vue';
 import type { I18n, I18nOptions } from 'vue-i18n';
-
 import { createI18n } from 'vue-i18n';
-import { setHtmlPageLang, setLoadLocalePool } from './helper';
+
 import { localeSetting } from '@/settings/localeSetting';
 import { useLocaleStoreWithOut } from '@/store/modules/locale';
 
+import { setHtmlPageLang, setLoadLocalePool } from './helper';
+
 const { fallback, availableLocales } = localeSetting;
 
 export let i18n: ReturnType<typeof createI18n>;
diff --git a/src/locales/useLocale.ts b/src/locales/useLocale.ts
index 734fecc2b..976969244 100644
--- a/src/locales/useLocale.ts
+++ b/src/locales/useLocale.ts
@@ -1,12 +1,13 @@
 /**
  * Multi-language related operations
  */
-import type { LocaleType } from '@/types/config';
+import { computed, unref } from 'vue';
 
-import { i18n } from './setupI18n';
 import { useLocaleStoreWithOut } from '@/store/modules/locale';
-import { unref, computed } from 'vue';
+import type { LocaleType } from '#/config';
+
 import { loadLocalePool, setHtmlPageLang } from './helper';
+import { i18n } from './setupI18n';
 
 interface LangModule {
   message: Recordable;
diff --git a/src/logics/error-handle/index.ts b/src/logics/error-handle/index.ts
index 7db1efb37..5f8c6d343 100644
--- a/src/logics/error-handle/index.ts
+++ b/src/logics/error-handle/index.ts
@@ -2,13 +2,12 @@
  * Used to configure the global error handling function, which can monitor vue errors, script errors, static resource errors and Promise errors
  */
 
-import type { ErrorLogInfo } from '@/types/store';
-
-import { useErrorLogStoreWithOut } from '@/store/modules/errorLog';
+import { App } from 'vue';
 
 import { ErrorTypeEnum } from '@/enums/exceptionEnum';
-import { App } from 'vue';
 import projectSetting from '@/settings/projectSetting';
+import { useErrorLogStoreWithOut } from '@/store/modules/errorLog';
+import type { ErrorLogInfo } from '#/store';
 
 /**
  * Handling error stack information
@@ -19,13 +18,13 @@ function processStackMsg(error: Error) {
     return '';
   }
   let stack = error.stack
-    .replace(/\n/gi, '') // Remove line breaks to save the size of the transmitted content
+    .replace(/\n/g, '') // Remove line breaks to save the size of the transmitted content
     .replace(/\bat\b/gi, '@') // At in chrome, @ in ff
     .split('@') // Split information with @
     .slice(0, 9) // The maximum stack length (Error.stackTraceLimit = 10), so only take the first 10
     .map((v) => v.replace(/^\s*|\s*$/g, '')) // Remove extra spaces
     .join('~') // Manually add separators for later display
-    .replace(/\?[^:]+/gi, ''); // Remove redundant parameters of js file links (?x=1 and the like)
+    .replace(/\?[^:]+/g, ''); // Remove redundant parameters of js file links (?x=1 and the like)
   const msg = error.toString();
   if (stack.indexOf(msg) < 0) {
     stack = msg + '@' + stack;
diff --git a/src/logics/initAppConfig.ts b/src/logics/initAppConfig.ts
index 77ce7dfcc..8cac8b16d 100644
--- a/src/logics/initAppConfig.ts
+++ b/src/logics/initAppConfig.ts
@@ -1,26 +1,22 @@
 /**
  * Application configuration
  */
-import type { ProjectConfig } from '@/types/config';
-
+import { ThemeEnum } from '@/enums/appEnum';
 import { PROJ_CFG_KEY } from '@/enums/cacheEnum';
-import projectSetting from '@/settings/projectSetting';
-
+import { changeTheme } from '@/logics/theme';
+import { updateDarkTheme } from '@/logics/theme/dark';
 import { updateHeaderBgColor, updateSidebarBgColor } from '@/logics/theme/updateBackground';
 import { updateColorWeak } from '@/logics/theme/updateColorWeak';
 import { updateGrayMode } from '@/logics/theme/updateGrayMode';
-import { updateDarkTheme } from '@/logics/theme/dark';
-import { changeTheme } from '@/logics/theme';
-
+import projectSetting from '@/settings/projectSetting';
 import { useAppStore } from '@/store/modules/app';
 import { useLocaleStore } from '@/store/modules/locale';
-
+import { deepMerge } from '@/utils';
+import { Persistent } from '@/utils/cache/persistent';
 import { getCommonStoragePrefix, getStorageShortName } from '@/utils/env';
+import type { ProjectConfig } from '#/config';
 
 import { primaryColor } from '../../build/config/themeConfig';
-import { Persistent } from '@/utils/cache/persistent';
-import { deepMerge } from '@/utils';
-import { ThemeEnum } from '@/enums/appEnum';
 
 // Initial project configuration
 export function initAppConfigStore() {
diff --git a/src/logics/mitt/routeChange.ts b/src/logics/mitt/routeChange.ts
index ed553c0af..331c31525 100644
--- a/src/logics/mitt/routeChange.ts
+++ b/src/logics/mitt/routeChange.ts
@@ -2,9 +2,10 @@
  * Used to monitor routing changes to change the status of menus and tabs. There is no need to monitor the route, because the route status change is affected by the page rendering time, which will be slow
  */
 
-import mitt from '@/utils/mitt';
 import type { RouteLocationNormalized } from 'vue-router';
+
 import { getRawRoute } from '@/utils';
+import mitt from '@/utils/mitt';
 
 const emitter = mitt();
 
diff --git a/src/logics/theme/dark.ts b/src/logics/theme/dark.ts
index bc021dc6f..cc1a9af63 100644
--- a/src/logics/theme/dark.ts
+++ b/src/logics/theme/dark.ts
@@ -1,4 +1,5 @@
 import { darkCssIsReady, loadDarkThemeCss } from 'vite-vue-plugin-theme/es/client';
+
 import { addClass, hasClass, removeClass } from '@/utils/domUtils';
 
 export async function updateDarkTheme(mode: string | null = 'light') {
diff --git a/src/logics/theme/index.ts b/src/logics/theme/index.ts
index 0ee2ba343..002af0f5b 100644
--- a/src/logics/theme/index.ts
+++ b/src/logics/theme/index.ts
@@ -1,7 +1,7 @@
-import { getThemeColors, generateColors } from '../../../build/config/themeConfig';
-
 import { replaceStyleVariables } from 'vite-vue-plugin-theme/es/client';
-import { mixLighten, mixDarken, tinycolor } from 'vite-vue-plugin-theme/es/colorUtils';
+import { mixDarken, mixLighten, tinycolor } from 'vite-vue-plugin-theme/es/colorUtils';
+
+import { generateColors, getThemeColors } from '../../../build/config/themeConfig';
 
 export async function changeTheme(color: string) {
   const colors = generateColors({
diff --git a/src/logics/theme/updateBackground.ts b/src/logics/theme/updateBackground.ts
index cfabb7b1e..daa09324c 100644
--- a/src/logics/theme/updateBackground.ts
+++ b/src/logics/theme/updateBackground.ts
@@ -1,6 +1,7 @@
-import { colorIsDark, lighten, darken } from '@/utils/color';
-import { useAppStore } from '@/store/modules/app';
 import { ThemeEnum } from '@/enums/appEnum';
+import { useAppStore } from '@/store/modules/app';
+import { colorIsDark, darken, lighten } from '@/utils/color';
+
 import { setCssVar } from './util';
 
 const HEADER_BG_COLOR_VAR = '--header-bg-color';
diff --git a/src/main.ts b/src/main.ts
index 81dadbe76..1686b7b43 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -4,24 +4,25 @@ import '@/design/index.less';
 import 'virtual:windi-utilities.css';
 // Register icon sprite
 import 'virtual:svg-icons-register';
-import App from './App.vue';
+import '@/utils/tongji';
+
 import { createApp } from 'vue';
-import { initAppConfigStore } from '@/logics/initAppConfig';
+
+import { registerGlobComp } from '@/components/registerGlobComp';
+import { setupGlobDirectives } from '@/directives';
+import { setupI18n } from '@/locales/setupI18n';
 import { setupErrorHandle } from '@/logics/error-handle';
+import { initAppConfigStore } from '@/logics/initAppConfig';
 import { router, setupRouter } from '@/router';
 import { setupRouterGuard } from '@/router/guard';
 import { setupStore } from '@/store';
-import { setupGlobDirectives } from '@/directives';
-import { setupI18n } from '@/locales/setupI18n';
-import { registerGlobComp } from '@/components/registerGlobComp';
 
+import App from './App.vue';
 import { isDevMode } from './utils/env';
 
 if (isDevMode()) {
   import('ant-design-vue/dist/antd.less');
-}
-
-import '@/utils/tongji'; // 百度统计
+} // 百度统计
 
 async function bootstrap() {
   const app = createApp(App);
diff --git a/src/router/guard/index.ts b/src/router/guard/index.ts
index 702413da5..e7d744571 100644
--- a/src/router/guard/index.ts
+++ b/src/router/guard/index.ts
@@ -1,17 +1,19 @@
-import type { Router, RouteLocationNormalized } from 'vue-router';
+import { Modal, notification } from 'ant-design-vue';
+import nProgress from 'nprogress';
+import { unref } from 'vue';
+import type { RouteLocationNormalized, Router } from 'vue-router';
+
+import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting';
+import { setRouteChange } from '@/logics/mitt/routeChange';
+import projectSetting from '@/settings/projectSetting';
 import { useAppStoreWithOut } from '@/store/modules/app';
 import { useUserStoreWithOut } from '@/store/modules/user';
-import { useTransitionSetting } from '@/hooks/setting/useTransitionSetting';
 import { AxiosCanceler } from '@/utils/http/axios/axiosCancel';
-import { Modal, notification } from 'ant-design-vue';
 import { warn } from '@/utils/log';
-import { unref } from 'vue';
-import { setRouteChange } from '@/logics/mitt/routeChange';
+
+import { createParamMenuGuard } from './paramMenuGuard';
 import { createPermissionGuard } from './permissionGuard';
 import { createStateGuard } from './stateGuard';
-import nProgress from 'nprogress';
-import projectSetting from '@/settings/projectSetting';
-import { createParamMenuGuard } from './paramMenuGuard';
 
 // Don't change the order of creation
 export function setupRouterGuard(router: Router) {
diff --git a/src/router/guard/paramMenuGuard.ts b/src/router/guard/paramMenuGuard.ts
index 886fa210d..a31439b26 100644
--- a/src/router/guard/paramMenuGuard.ts
+++ b/src/router/guard/paramMenuGuard.ts
@@ -1,11 +1,12 @@
 import type { Router } from 'vue-router';
-import { configureDynamicParamsMenu } from '../helper/menuHelper';
-import { Menu } from '../types';
+
 import { PermissionModeEnum } from '@/enums/appEnum';
 import { useAppStoreWithOut } from '@/store/modules/app';
-
 import { usePermissionStoreWithOut } from '@/store/modules/permission';
 
+import { configureDynamicParamsMenu } from '../helper/menuHelper';
+import { Menu } from '../types';
+
 export function createParamMenuGuard(router: Router) {
   const permissionStore = usePermissionStoreWithOut();
   router.beforeEach(async (to, _, next) => {
diff --git a/src/router/guard/permissionGuard.ts b/src/router/guard/permissionGuard.ts
index 3cbf83b44..2ba854466 100644
--- a/src/router/guard/permissionGuard.ts
+++ b/src/router/guard/permissionGuard.ts
@@ -1,12 +1,10 @@
 import type { Router, RouteRecordRaw } from 'vue-router';
 
-import { usePermissionStoreWithOut } from '@/store/modules/permission';
-
 import { PageEnum } from '@/enums/pageEnum';
-import { useDictStoreWithOut } from '@/store/modules/dict';
-import { useUserStoreWithOut } from '@/store/modules/user';
-
 import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic';
+import { useDictStoreWithOut } from '@/store/modules/dict';
+import { usePermissionStoreWithOut } from '@/store/modules/permission';
+import { useUserStoreWithOut } from '@/store/modules/user';
 
 // import { RootRoute } from '@/router/routes'
 
diff --git a/src/router/guard/stateGuard.ts b/src/router/guard/stateGuard.ts
index d91b7d29f..ce18d8252 100644
--- a/src/router/guard/stateGuard.ts
+++ b/src/router/guard/stateGuard.ts
@@ -1,10 +1,11 @@
 import type { Router } from 'vue-router';
-import { useAppStore } from '@/store/modules/app';
-import { useMultipleTabStore } from '@/store/modules/multipleTab';
-import { useUserStore } from '@/store/modules/user';
-import { usePermissionStore } from '@/store/modules/permission';
+
 import { PageEnum } from '@/enums/pageEnum';
 import { removeTabChangeListener } from '@/logics/mitt/routeChange';
+import { useAppStore } from '@/store/modules/app';
+import { useMultipleTabStore } from '@/store/modules/multipleTab';
+import { usePermissionStore } from '@/store/modules/permission';
+import { useUserStore } from '@/store/modules/user';
 
 export function createStateGuard(router: Router) {
   router.afterEach((to) => {
diff --git a/src/router/helper/menuHelper.ts b/src/router/helper/menuHelper.ts
index 1222b22a3..add2d5d41 100644
--- a/src/router/helper/menuHelper.ts
+++ b/src/router/helper/menuHelper.ts
@@ -1,10 +1,11 @@
-import { AppRouteModule } from '@/router/types';
-import type { MenuModule, Menu, AppRouteRecordRaw } from '@/router/types';
-import { findPath, treeMap } from '@/utils/helper/treeHelper';
 import { cloneDeep } from 'lodash-es';
-import { isUrl } from '@/utils/is';
-import { RouteParams } from 'vue-router';
 import { toRaw } from 'vue';
+import { RouteParams } from 'vue-router';
+
+import type { AppRouteRecordRaw, Menu, MenuModule } from '@/router/types';
+import { AppRouteModule } from '@/router/types';
+import { findPath, treeMap } from '@/utils/helper/treeHelper';
+import { isUrl } from '@/utils/is';
 
 export function getAllParentPath<T = Recordable>(treeData: T[], path: string) {
   const menuList = findPath(treeData, (n) => n.path === path) as Menu[];
@@ -83,7 +84,7 @@ export function transformRouteToMenu(routeModList: AppRouteModule[], routerMappi
 /**
  * config menu with given params
  */
-const menuParamRegex = /(?::)([\s\S]+?)((?=\/)|$)/g;
+const menuParamRegex = /:([\s\S]+?)((?=\/)|$)/g;
 
 export function configureDynamicParamsMenu(menu: Menu, params: RouteParams) {
   const { path, paramPath } = toRaw(menu);
diff --git a/src/router/helper/routeHelper.ts b/src/router/helper/routeHelper.ts
index 29b6caf50..2799f7192 100644
--- a/src/router/helper/routeHelper.ts
+++ b/src/router/helper/routeHelper.ts
@@ -1,10 +1,11 @@
-import type { AppRouteModule, AppRouteRecordRaw } from '@/router/types';
-import { getParentLayout, LAYOUT, EXCEPTION_COMPONENT } from '@/router/constant';
+import { cloneDeep, omit } from 'lodash-es';
 import type { Router, RouteRecordNormalized } from 'vue-router';
 import { createRouter, createWebHashHistory } from 'vue-router';
-import { cloneDeep, omit } from 'lodash-es';
-import { warn } from '@/utils/log';
+
+import { EXCEPTION_COMPONENT, getParentLayout, LAYOUT } from '@/router/constant';
+import type { AppRouteModule, AppRouteRecordRaw } from '@/router/types';
 import { isUrl } from '@/utils/is';
+import { warn } from '@/utils/log';
 
 export type LayoutMapKey = 'LAYOUT';
 const IFRAME = () => import('@/views/base/iframe/FrameBlank.vue');
diff --git a/src/router/index.ts b/src/router/index.ts
index f221088fd..0304f86fd 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,7 +1,7 @@
-import type { RouteRecordRaw } from 'vue-router';
 import type { App } from 'vue';
-
+import type { RouteRecordRaw } from 'vue-router';
 import { createRouter, createWebHistory } from 'vue-router';
+
 import { basicRoutes } from './routes';
 
 // 白名单应该包含基本静态路由
diff --git a/src/router/menus/index.ts b/src/router/menus/index.ts
index 0e6504f8d..8f6accbac 100644
--- a/src/router/menus/index.ts
+++ b/src/router/menus/index.ts
@@ -1,14 +1,14 @@
-import type { Menu, MenuModule } from '@/router/types';
+import { pathToRegexp } from 'path-to-regexp';
 import type { RouteRecordNormalized } from 'vue-router';
 
+import { PermissionModeEnum } from '@/enums/appEnum';
+import { router } from '@/router';
+import { getAllParentPath, transformMenuModule } from '@/router/helper/menuHelper';
+import type { Menu, MenuModule } from '@/router/types';
 import { useAppStoreWithOut } from '@/store/modules/app';
 import { usePermissionStore } from '@/store/modules/permission';
-import { transformMenuModule, getAllParentPath } from '@/router/helper/menuHelper';
 import { filter } from '@/utils/helper/treeHelper';
 import { isUrl } from '@/utils/is';
-import { router } from '@/router';
-import { PermissionModeEnum } from '@/enums/appEnum';
-import { pathToRegexp } from 'path-to-regexp';
 
 const modules = import.meta.glob('./modules/**/*.ts', { eager: true });
 
diff --git a/src/router/routes/basic.ts b/src/router/routes/basic.ts
index 353206c46..8faf8bbec 100644
--- a/src/router/routes/basic.ts
+++ b/src/router/routes/basic.ts
@@ -1,5 +1,5 @@
+import { EXCEPTION_COMPONENT, LAYOUT, PAGE_NOT_FOUND_NAME, REDIRECT_NAME } from '@/router/constant';
 import type { AppRouteRecordRaw } from '@/router/types';
-import { REDIRECT_NAME, LAYOUT, EXCEPTION_COMPONENT, PAGE_NOT_FOUND_NAME } from '@/router/constant';
 
 // 404 on a page
 export const PAGE_NOT_FOUND_ROUTE: AppRouteRecordRaw = {
diff --git a/src/router/routes/index.ts b/src/router/routes/index.ts
index b9a7a7b81..c91c212e6 100644
--- a/src/router/routes/index.ts
+++ b/src/router/routes/index.ts
@@ -1,10 +1,8 @@
-import type { AppRouteRecordRaw, AppRouteModule } from '@/router/types';
-
-import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '@/router/routes/basic';
-
 import { PageEnum } from '@/enums/pageEnum';
 import { t } from '@/hooks/web/useI18n';
 import { LAYOUT } from '@/router/constant';
+import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '@/router/routes/basic';
+import type { AppRouteModule, AppRouteRecordRaw } from '@/router/types';
 
 // import.meta.glob() 直接引入所有的模块 Vite 独有的功能
 const modules = import.meta.glob('./modules/**/*.ts', { eager: true });
diff --git a/src/router/routes/modules/about.ts b/src/router/routes/modules/about.ts
index 440a88d13..dbf73bdb6 100644
--- a/src/router/routes/modules/about.ts
+++ b/src/router/routes/modules/about.ts
@@ -1,7 +1,6 @@
-import type { AppRouteModule } from '@/router/types';
-
-import { LAYOUT } from '@/router/constant';
 import { t } from '@/hooks/web/useI18n';
+import { LAYOUT } from '@/router/constant';
+import type { AppRouteModule } from '@/router/types';
 
 const about: AppRouteModule = {
   path: '/about',
diff --git a/src/router/routes/modules/dashboard.ts b/src/router/routes/modules/dashboard.ts
index 16b2b8797..acf4f8fe7 100644
--- a/src/router/routes/modules/dashboard.ts
+++ b/src/router/routes/modules/dashboard.ts
@@ -1,7 +1,6 @@
-import type { AppRouteModule } from '@/router/types';
-
-import { LAYOUT } from '@/router/constant';
 import { t } from '@/hooks/web/useI18n';
+import { LAYOUT } from '@/router/constant';
+import type { AppRouteModule } from '@/router/types';
 
 const dashboard: AppRouteModule = {
   path: '/dashboard',
diff --git a/src/router/routes/modules/menu.ts b/src/router/routes/modules/menu.ts
index 0e412fa3d..7d8bf3c31 100644
--- a/src/router/routes/modules/menu.ts
+++ b/src/router/routes/modules/menu.ts
@@ -1,6 +1,5 @@
-import type { AppRouteModule } from '@/router/types';
-
 import { LAYOUT } from '@/router/constant';
+import type { AppRouteModule } from '@/router/types';
 
 const menu: AppRouteModule = {
   path: '/sysmenu',
diff --git a/src/router/types.ts b/src/router/types.ts
index 0e5c21439..5640c6c81 100644
--- a/src/router/types.ts
+++ b/src/router/types.ts
@@ -1,6 +1,7 @@
-import type { RouteRecordRaw, RouteMeta } from 'vue-router';
-import { RoleEnum } from '@/enums/roleEnum';
 import { defineComponent } from 'vue';
+import type { RouteMeta, RouteRecordRaw } from 'vue-router';
+
+import { RoleEnum } from '@/enums/roleEnum';
 
 export type Component<T = any> = ReturnType<typeof defineComponent> | (() => Promise<typeof import('*.vue')>) | (() => Promise<T>);
 
diff --git a/src/settings/localeSetting.ts b/src/settings/localeSetting.ts
index 5a1709990..c38af7d46 100644
--- a/src/settings/localeSetting.ts
+++ b/src/settings/localeSetting.ts
@@ -1,5 +1,6 @@
+import type { LocaleSetting, LocaleType } from '#/config';
+
 import type { DropMenu } from '../components/Dropdown';
-import type { LocaleSetting, LocaleType } from '@/types/config';
 
 export const LOCALE: { [key: string]: LocaleType } = {
   ZH_CN: 'zh_CN',
diff --git a/src/settings/projectSetting.ts b/src/settings/projectSetting.ts
index 7b6853584..7f22646bf 100644
--- a/src/settings/projectSetting.ts
+++ b/src/settings/projectSetting.ts
@@ -1,16 +1,17 @@
-import type { ProjectConfig } from '@/types/config';
-import { MenuTypeEnum, MenuModeEnum, TriggerEnum, MixSidebarTriggerEnum } from '@/enums/menuEnum';
-import { CacheTypeEnum } from '@/enums/cacheEnum';
 import {
   ContentEnum,
   PermissionModeEnum,
-  ThemeEnum,
   RouterTransitionEnum,
-  SettingButtonPositionEnum,
   SessionTimeoutProcessingEnum,
+  SettingButtonPositionEnum,
+  ThemeEnum,
 } from '@/enums/appEnum';
-import { SIDE_BAR_BG_COLOR_LIST, HEADER_PRESET_BG_COLOR_LIST } from './designSetting';
+import { CacheTypeEnum } from '@/enums/cacheEnum';
+import { MenuModeEnum, MenuTypeEnum, MixSidebarTriggerEnum, TriggerEnum } from '@/enums/menuEnum';
+import type { ProjectConfig } from '#/config';
+
 import { primaryColor } from '../../build/config/themeConfig';
+import { HEADER_PRESET_BG_COLOR_LIST, SIDE_BAR_BG_COLOR_LIST } from './designSetting';
 
 // ! 改动后需要清空浏览器缓存
 const setting: ProjectConfig = {
diff --git a/src/settings/sizeSetting.ts b/src/settings/sizeSetting.ts
index 83f8a1c76..7356b2ec7 100644
--- a/src/settings/sizeSetting.ts
+++ b/src/settings/sizeSetting.ts
@@ -1,5 +1,6 @@
+import type { AppSizeType, SizeSetting } from '#/config';
+
 import type { DropMenu } from '../components/Dropdown';
-import type { SizeSetting, AppSizeType } from '@/types/config';
 // 'small' | 'middle' | 'large'
 export const APPSIZE: { [key: string]: AppSizeType } = {
   SMALL: 'small',
diff --git a/src/store/index.ts b/src/store/index.ts
index efaf6c970..7468a1460 100644
--- a/src/store/index.ts
+++ b/src/store/index.ts
@@ -1,5 +1,5 @@
-import type { App } from 'vue';
 import { createPinia } from 'pinia';
+import type { App } from 'vue';
 
 const store = createPinia();
 
diff --git a/src/store/modules/app.ts b/src/store/modules/app.ts
index 6515bd916..509f30f8c 100644
--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
@@ -1,15 +1,14 @@
-import type { ProjectConfig, HeaderSetting, MenuSetting, TransitionSetting, MultiTabsSetting, AppSizeType } from '@/types/config';
-import type { BeforeMiniState } from '@/types/store';
-
 import { defineStore } from 'pinia';
-import { store } from '@/store';
 
 import { ThemeEnum } from '@/enums/appEnum';
 import { APP_DARK_MODE_KEY_, PROJ_CFG_KEY } from '@/enums/cacheEnum';
-import { Persistent } from '@/utils/cache/persistent';
-import { darkMode } from '@/settings/designSetting';
 import { resetRouter } from '@/router';
+import { darkMode } from '@/settings/designSetting';
+import { store } from '@/store';
 import { deepMerge } from '@/utils';
+import { Persistent } from '@/utils/cache/persistent';
+import type { AppSizeType, HeaderSetting, MenuSetting, MultiTabsSetting, ProjectConfig, TransitionSetting } from '#/config';
+import type { BeforeMiniState } from '#/store';
 
 interface AppState {
   darkMode?: ThemeEnum;
diff --git a/src/store/modules/dict.ts b/src/store/modules/dict.ts
index f9a9e2930..de9d87631 100644
--- a/src/store/modules/dict.ts
+++ b/src/store/modules/dict.ts
@@ -1,12 +1,11 @@
-import type { DictState } from '@/types/store';
-
 import { defineStore } from 'pinia';
-import { store } from '@/store';
 
-import { DICT_KEY } from '@/enums/cacheEnum';
-import { createLocalStorage } from '@/utils/cache';
 import { listSimpleDictData } from '@/api/system/dict/data';
 import { DictDataVO } from '@/api/system/dict/types';
+import { DICT_KEY } from '@/enums/cacheEnum';
+import { store } from '@/store';
+import { createLocalStorage } from '@/utils/cache';
+import type { DictState } from '#/store';
 
 const ls = createLocalStorage();
 
diff --git a/src/store/modules/errorLog.ts b/src/store/modules/errorLog.ts
index be87f91ad..3ce1b669e 100644
--- a/src/store/modules/errorLog.ts
+++ b/src/store/modules/errorLog.ts
@@ -1,12 +1,10 @@
-import type { ErrorLogInfo } from '@/types/store';
-
 import { defineStore } from 'pinia';
-import { store } from '@/store';
-
-import { formatToDateTime } from '@/utils/dateUtil';
-import projectSetting from '@/settings/projectSetting';
 
 import { ErrorTypeEnum } from '@/enums/exceptionEnum';
+import projectSetting from '@/settings/projectSetting';
+import { store } from '@/store';
+import { formatToDateTime } from '@/utils/dateUtil';
+import type { ErrorLogInfo } from '#/store';
 
 export interface ErrorLogState {
   errorLogInfoList: Nullable<ErrorLogInfo[]>;
diff --git a/src/store/modules/locale.ts b/src/store/modules/locale.ts
index 6bdc02e7f..2075585c8 100644
--- a/src/store/modules/locale.ts
+++ b/src/store/modules/locale.ts
@@ -1,11 +1,10 @@
-import type { LocaleSetting, LocaleType } from '@/types/config';
-
 import { defineStore } from 'pinia';
-import { store } from '@/store';
 
 import { LOCALE_KEY } from '@/enums/cacheEnum';
-import { createLocalStorage } from '@/utils/cache';
 import { localeSetting } from '@/settings/localeSetting';
+import { store } from '@/store';
+import { createLocalStorage } from '@/utils/cache';
+import type { LocaleSetting, LocaleType } from '#/config';
 
 const ls = createLocalStorage();
 
diff --git a/src/store/modules/lock.ts b/src/store/modules/lock.ts
index c72bedf65..41f031153 100644
--- a/src/store/modules/lock.ts
+++ b/src/store/modules/lock.ts
@@ -1,9 +1,9 @@
-import type { LockInfo } from '@/types/store';
-
 import { defineStore } from 'pinia';
 
 import { LOCK_INFO_KEY } from '@/enums/cacheEnum';
 import { Persistent } from '@/utils/cache/persistent';
+import type { LockInfo } from '#/store';
+
 import { useUserStore } from './user';
 
 interface LockState {
diff --git a/src/store/modules/multipleTab.ts b/src/store/modules/multipleTab.ts
index 1c2ccde54..ba2733632 100644
--- a/src/store/modules/multipleTab.ts
+++ b/src/store/modules/multipleTab.ts
@@ -1,18 +1,15 @@
+import { defineStore } from 'pinia';
+import { toRaw, unref } from 'vue';
 import type { RouteLocationNormalized, RouteLocationRaw, Router } from 'vue-router';
 
-import { toRaw, unref } from 'vue';
-import { defineStore } from 'pinia';
-import { store } from '@/store';
-
-import { useGo, useRedo } from '@/hooks/web/usePage';
-import { Persistent } from '@/utils/cache/persistent';
-
-import { PageEnum } from '@/enums/pageEnum';
-import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '@/router/routes/basic';
-import { getRawRoute } from '@/utils';
 import { MULTIPLE_TABS_KEY } from '@/enums/cacheEnum';
-
+import { PageEnum } from '@/enums/pageEnum';
+import { useGo, useRedo } from '@/hooks/web/usePage';
+import { PAGE_NOT_FOUND_ROUTE, REDIRECT_ROUTE } from '@/router/routes/basic';
 import projectSetting from '@/settings/projectSetting';
+import { store } from '@/store';
+import { getRawRoute } from '@/utils';
+import { Persistent } from '@/utils/cache/persistent';
 
 export interface MultipleTabState {
   cacheTabList: Set<string>;
diff --git a/src/store/modules/permission.ts b/src/store/modules/permission.ts
index 088bee0d9..a78772a84 100644
--- a/src/store/modules/permission.ts
+++ b/src/store/modules/permission.ts
@@ -1,25 +1,25 @@
-import type { AppRouteRecordRaw, Menu } from '@/router/types';
-
-import { toRaw } from 'vue';
 import { defineStore } from 'pinia';
-import { store } from '@/store';
+import { toRaw } from 'vue';
 
-import { useUserStore } from './user';
-import { useAppStoreWithOut } from './app';
-import { asyncRoutes } from '@/router/routes';
-import about from '@/router/routes/modules/about';
-import menu from '@/router/routes/modules/menu';
-import dashboard from '@/router/routes/modules/dashboard';
-import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic';
-import { transformRouteToMenu } from '@/router/helper/menuHelper';
-import { transformObjToRoute, flatMultiLevelRoutes } from '@/router/helper/routeHelper';
+import { getMenuList } from '@/api/base/menu';
+import { PermissionModeEnum } from '@/enums/appEnum';
+import { PageEnum } from '@/enums/pageEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { filter } from '@/utils/helper/treeHelper';
+import { transformRouteToMenu } from '@/router/helper/menuHelper';
+import { flatMultiLevelRoutes, transformObjToRoute } from '@/router/helper/routeHelper';
+import { asyncRoutes } from '@/router/routes';
+import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic';
+import about from '@/router/routes/modules/about';
+import dashboard from '@/router/routes/modules/dashboard';
+import menu from '@/router/routes/modules/menu';
+import type { AppRouteRecordRaw, Menu } from '@/router/types';
 import projectSetting from '@/settings/projectSetting';
-import { getMenuList } from '@/api/base/menu';
-import { PageEnum } from '@/enums/pageEnum';
-import { PermissionModeEnum } from '@/enums/appEnum';
+import { store } from '@/store';
+import { filter } from '@/utils/helper/treeHelper';
+
+import { useAppStoreWithOut } from './app';
+import { useUserStore } from './user';
 
 interface PermissionState {
   // Permission code list
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 8403832d4..e0822184f 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -1,22 +1,21 @@
-import type { ErrorMessageMode } from '@/types/axios';
-
-import { h } from 'vue';
 import { defineStore } from 'pinia';
-import { store } from '@/store';
-import { router } from '@/router';
-import { RoleEnum } from '@/enums/roleEnum';
-import { PageEnum } from '@/enums/pageEnum';
-import { ROLES_KEY, ACCESS_TOKEN_KEY, REFRESH_TOKEN_KEY, USER_INFO_KEY } from '@/enums/cacheEnum';
+import { h } from 'vue';
 import { RouteRecordRaw } from 'vue-router';
-import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic';
-import { usePermissionStore } from '@/store/modules/permission';
+
+import { GetUserInfoModel, LoginParams } from '@/api/base/model/userModel';
+import { doLogout, getUserInfo, loginApi } from '@/api/base/user';
+import { ACCESS_TOKEN_KEY, REFRESH_TOKEN_KEY, ROLES_KEY, USER_INFO_KEY } from '@/enums/cacheEnum';
+import { PageEnum } from '@/enums/pageEnum';
+import { RoleEnum } from '@/enums/roleEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
+import { router } from '@/router';
+import { PAGE_NOT_FOUND_ROUTE } from '@/router/routes/basic';
+import { store } from '@/store';
+import { usePermissionStore } from '@/store/modules/permission';
 import { getAuthCache, setAuthCache } from '@/utils/auth';
-import { doLogout, getUserInfo, loginApi } from '@/api/base/user';
-import { GetUserInfoModel, LoginParams } from '@/api/base/model/userModel';
-
 import { isArray } from '@/utils/is';
+import type { ErrorMessageMode } from '#/axios';
 
 interface UserState {
   userInfo: Nullable<GetUserInfoModel>;
diff --git a/src/types/axios.d.ts b/src/types/axios.d.ts
deleted file mode 100644
index 50dfde96e..000000000
--- a/src/types/axios.d.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-export type ErrorMessageMode = 'none' | 'modal' | 'message' | undefined;
-export type SuccessMessageMode = ErrorMessageMode;
-
-export interface RequestOptions {
-  // Splicing request parameters to url
-  joinParamsToUrl?: boolean;
-  // Format request parameter time
-  formatDate?: boolean;
-  // Whether to process the request result
-  isTransformResponse?: boolean;
-  // Whether to return native response headers
-  // For example: use this attribute when you need to get the response headers
-  isReturnNativeResponse?: boolean;
-  // Whether to join url
-  joinPrefix?: boolean;
-  // Interface address, use the default apiUrl if you leave it blank
-  apiUrl?: string;
-  // 请求拼接路径
-  urlPrefix?: string;
-  // Error message prompt type
-  errorMessageMode?: ErrorMessageMode;
-  // Success message prompt type
-  successMessageMode?: SuccessMessageMode;
-  // Whether to add a timestamp
-  joinTime?: boolean;
-  ignoreCancelToken?: boolean;
-  // Whether to send token in header
-  withToken?: boolean;
-  // 请求重试机制
-  retryRequest?: RetryRequest;
-}
-
-export interface RetryRequest {
-  isOpenRetry: boolean;
-  count: number;
-  waitTime: number;
-}
-
-export interface Result<T = any> {
-  code: number;
-  msg: string;
-  data: T;
-}
-
-// multipart/form-data: upload file
-export interface UploadFileParams {
-  // Other parameters
-  data?: Recordable;
-  // File parameter interface field name
-  name?: string;
-  // file name
-  file: File | Blob;
-  // file name
-  filename?: string;
-  [key: string]: any;
-}
diff --git a/src/types/config.d.ts b/src/types/config.d.ts
deleted file mode 100644
index 41c678d87..000000000
--- a/src/types/config.d.ts
+++ /dev/null
@@ -1,183 +0,0 @@
-import { MenuTypeEnum, MenuModeEnum, TriggerEnum, MixSidebarTriggerEnum } from '@/enums/menuEnum';
-import {
-  ContentEnum,
-  PermissionModeEnum,
-  ThemeEnum,
-  RouterTransitionEnum,
-  SettingButtonPositionEnum,
-  SessionTimeoutProcessingEnum,
-} from '@/enums/appEnum';
-
-import { CacheTypeEnum } from '@/enums/cacheEnum';
-
-export type LocaleType = 'zh_CN' | 'en' | 'ru' | 'ja' | 'ko';
-
-export type AppSizeType = 'small' | 'middle' | 'large';
-
-export interface MenuSetting {
-  bgColor: string;
-  fixed: boolean;
-  collapsed: boolean;
-  siderHidden: boolean;
-  canDrag: boolean;
-  show: boolean;
-  hidden: boolean;
-  split: boolean;
-  menuWidth: number;
-  mode: MenuModeEnum;
-  type: MenuTypeEnum;
-  theme: ThemeEnum;
-  topMenuAlign: 'start' | 'center' | 'end';
-  trigger: TriggerEnum;
-  accordion: boolean;
-  closeMixSidebarOnChange: boolean;
-  collapsedShowTitle: boolean;
-  mixSideTrigger: MixSidebarTriggerEnum;
-  mixSideFixed: boolean;
-}
-
-export interface MultiTabsSetting {
-  cache: boolean;
-  show: boolean;
-  showQuick: boolean;
-  canDrag: boolean;
-  showRedo: boolean;
-  showFold: boolean;
-}
-
-export interface HeaderSetting {
-  bgColor: string;
-  fixed: boolean;
-  show: boolean;
-  theme: ThemeEnum;
-  // Turn on full screen
-  showFullScreen: boolean;
-  // Whether to show the lock screen
-  useLockPage: boolean;
-  // Show document button
-  showDoc: boolean;
-  // Show message center button
-  showNotice: boolean;
-  showSearch: boolean;
-}
-
-export interface LocaleSetting {
-  showPicker: boolean;
-  // Current language
-  locale: LocaleType;
-  // default language
-  fallback: LocaleType;
-  // available Locales
-  availableLocales: LocaleType[];
-}
-
-export interface SizeSetting {
-  showPicker: boolean;
-  // Current size
-  size: AppSizeType;
-  // default size
-  fallback: AppSizeType;
-  // available size
-  availableSizes: AppSizeType[];
-}
-
-export interface TransitionSetting {
-  //  Whether to open the page switching animation
-  enable: boolean;
-  // Route basic switching animation
-  basicTransition: RouterTransitionEnum;
-  // Whether to open page switching loading
-  openPageLoading: boolean;
-  // Whether to open the top progress bar
-  openNProgress: boolean;
-}
-
-export interface ProjectConfig {
-  // Storage location of permission related information
-  permissionCacheType: CacheTypeEnum;
-  // Whether to show the configuration button
-  showSettingButton: boolean;
-  // Whether to show the theme switch button
-  showDarkModeToggle: boolean;
-  // Configure where the button is displayed
-  settingButtonPosition: SettingButtonPositionEnum;
-  // Permission mode
-  permissionMode: PermissionModeEnum;
-  // Session timeout processing
-  sessionTimeoutProcessing: SessionTimeoutProcessingEnum;
-  // Website gray mode, open for possible mourning dates
-  grayMode: boolean;
-  // Whether to turn on the color weak mode
-  colorWeak: boolean;
-  // Theme color
-  themeColor: string;
-
-  // The main interface is displayed in full screen, the menu is not displayed, and the top
-  fullContent: boolean;
-  // content width
-  contentMode: ContentEnum;
-  // Whether to display the logo
-  showLogo: boolean;
-  // Whether to show the global footer
-  showFooter: boolean;
-  // menuType: MenuTypeEnum;
-  headerSetting: HeaderSetting;
-  // menuSetting
-  menuSetting: MenuSetting;
-  // Multi-tab settings
-  multiTabsSetting: MultiTabsSetting;
-  // Animation configuration
-  transitionSetting: TransitionSetting;
-  // pageLayout whether to enable keep-alive
-  openKeepAlive: boolean;
-  // Lock screen time
-  lockTime: number;
-  // Show breadcrumbs
-  showBreadCrumb: boolean;
-  // Show breadcrumb icon
-  showBreadCrumbIcon: boolean;
-  // Use error-handler-plugin
-  useErrorHandle: boolean;
-  // Whether to open back to top
-  useOpenBackTop: boolean;
-  // Is it possible to embed iframe pages
-  canEmbedIFramePage: boolean;
-  // Whether to delete unclosed messages and notify when switching the interface
-  closeMessageOnSwitch: boolean;
-  // Whether to cancel the http request that has been sent but not responded when switching the interface.
-  removeAllHttpPending: boolean;
-}
-
-export interface GlobConfig {
-  // Site title
-  title: string;
-  // Service interface url
-  apiUrl: string;
-  // Upload url
-  uploadUrl?: string;
-  //  Service interface url prefix
-  urlPrefix?: string;
-  // Project abbreviation
-  shortName: string;
-  // 租户开关
-  tenantEnable: string;
-  // 验证码开关
-  captchaEnable: string;
-}
-export interface GlobEnvConfig {
-  // Site title
-  VITE_GLOB_APP_TITLE: string;
-  VITE_GLOB_BASE_URL: string;
-  // Service interface url
-  VITE_GLOB_API_URL: string;
-  // Service interface url prefix
-  VITE_GLOB_API_URL_PREFIX?: string;
-  // Project abbreviation
-  VITE_GLOB_APP_SHORT_NAME: string;
-  // Upload url
-  VITE_GLOB_UPLOAD_URL?: string;
-  // 租户开关
-  VITE_GLOB_APP_TENANT_ENABLE: string;
-  // 验证码开关
-  VITE_GLOB_APP_CAPTCHA_ENABLE: string;
-}
diff --git a/src/types/global.d.ts b/src/types/global.d.ts
deleted file mode 100644
index 855ed923e..000000000
--- a/src/types/global.d.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import type { ComponentRenderProxy, VNode, VNodeChild, ComponentPublicInstance, FunctionalComponent, PropType as VuePropType } from 'vue';
-
-declare global {
-  const __APP_INFO__: {
-    pkg: {
-      name: string;
-      version: string;
-      dependencies: Recordable<string>;
-      devDependencies: Recordable<string>;
-    };
-    lastBuildTime: string;
-  };
-  // declare interface Window {
-  //   // Global vue app instance
-  //   __APP__: App<Element>;
-  // }
-
-  // vue
-  declare type PropType<T> = VuePropType<T>;
-  declare type VueNode = VNodeChild | JSX.Element;
-
-  export type Writable<T> = {
-    -readonly [P in keyof T]: T[P];
-  };
-
-  declare type Nullable<T> = T | null;
-  declare type NonNullable<T> = T extends null | undefined ? never : T;
-  declare type Recordable<T = any> = Record<string, T>;
-  declare interface ReadonlyRecordable<T = any> {
-    readonly [key: string]: T;
-  }
-  declare interface Indexable<T = any> {
-    [key: string]: T;
-  }
-  declare type DeepPartial<T> = {
-    [P in keyof T]?: DeepPartial<T[P]>;
-  };
-  declare type TimeoutHandle = ReturnType<typeof setTimeout>;
-  declare type IntervalHandle = ReturnType<typeof setInterval>;
-
-  declare interface ChangeEvent extends Event {
-    target: HTMLInputElement;
-  }
-
-  declare interface WheelEvent {
-    path?: EventTarget[];
-  }
-  interface ImportMetaEnv extends ViteEnv {
-    __: unknown;
-  }
-
-  declare interface ViteEnv {
-    VITE_PORT: number;
-    VITE_USE_PWA: boolean;
-    VITE_PUBLIC_PATH: string;
-    VITE_PROXY: [string, string][];
-    VITE_GLOB_APP_TITLE: string;
-    VITE_GLOB_APP_SHORT_NAME: string;
-    VITE_USE_CDN: boolean;
-    VITE_DROP_CONSOLE: boolean;
-    VITE_BUILD_COMPRESS: 'gzip' | 'brotli' | 'none';
-    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean;
-    VITE_GENERATE_UI: string;
-  }
-
-  declare function parseInt(s: string | number, radix?: number): number;
-
-  declare function parseFloat(string: string | number): number;
-
-  namespace JSX {
-    // tslint:disable no-empty-interface
-    type Element = VNode;
-    // tslint:disable no-empty-interface
-    type ElementClass = ComponentRenderProxy;
-    interface ElementAttributesProperty {
-      $props: any;
-    }
-    interface IntrinsicElements {
-      [elem: string]: any;
-    }
-    interface IntrinsicAttributes {
-      [elem: string]: any;
-    }
-  }
-}
-
-declare module 'vue' {
-  export type JSXComponent<Props = any> = { new (): ComponentPublicInstance<Props> } | FunctionalComponent<Props>;
-}
diff --git a/src/types/index.d.ts b/src/types/index.d.ts
deleted file mode 100644
index 5dfbc429b..000000000
--- a/src/types/index.d.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-declare interface Fn<T = any, R = T> {
-  (...arg: T[]): R;
-}
-
-declare interface PromiseFn<T = any, R = T> {
-  (...arg: T[]): Promise<R>;
-}
-
-declare type RefType<T> = T | null;
-
-declare interface PageParam {
-  pageSize?: number;
-  pageNo?: number;
-}
-
-declare interface PageResult<T = any> {
-  list: T[];
-  total: number;
-}
-
-declare type LabelValueOptions = {
-  label: string;
-  value: any;
-  [key: string]: string | number | boolean;
-}[];
-
-declare type EmitType = (event: string, ...args: any[]) => void;
-
-declare type TargetContext = '_self' | '_blank';
-
-declare interface ComponentElRef<T extends HTMLElement = HTMLDivElement> {
-  $el: T;
-}
-
-declare type ComponentRef<T extends HTMLElement = HTMLDivElement> = ComponentElRef<T> | null;
-
-declare type ElRef<T extends HTMLElement = HTMLDivElement> = Nullable<T>;
diff --git a/src/types/module.d.ts b/src/types/module.d.ts
deleted file mode 100644
index 96152061a..000000000
--- a/src/types/module.d.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-declare module '*.vue' {
-  import { DefineComponent } from 'vue';
-  const Component: DefineComponent<{}, {}, any>;
-  export default Component;
-}
-
-declare module 'ant-design-vue/es/locale/*' {
-  import { Locale } from 'ant-design-vue/types/locale-provider';
-  const locale: Locale & ReadonlyRecordable;
-  export default locale as Locale & ReadonlyRecordable;
-}
-
-declare module 'virtual:*' {
-  const result: any;
-  export default result;
-}
diff --git a/src/types/store.d.ts b/src/types/store.d.ts
deleted file mode 100644
index f973304b6..000000000
--- a/src/types/store.d.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { ErrorTypeEnum } from '@/enums/exceptionEnum';
-import { MenuModeEnum, MenuTypeEnum } from '@/enums/menuEnum';
-
-// Lock screen information
-export interface LockInfo {
-  // Password required
-  pwd?: string | undefined;
-  // Is it locked?
-  isLock?: boolean;
-}
-
-// Error-log information
-export interface ErrorLogInfo {
-  // Type of error
-  type: ErrorTypeEnum;
-  // Error file
-  file: string;
-  // Error name
-  name?: string;
-  // Error message
-  message: string;
-  // Error stack
-  stack?: string;
-  // Error detail
-  detail: string;
-  // Error url
-  url: string;
-  // Error time
-  time?: string;
-}
-
-export interface UserInfo {
-  userId: string | number;
-  username: string;
-  realName: string;
-  avatar: string;
-  desc?: string;
-  homePath?: string;
-  roles: string[];
-}
-
-export interface BeforeMiniState {
-  menuCollapsed?: boolean;
-  menuSplit?: boolean;
-  menuMode?: MenuModeEnum;
-  menuType?: MenuTypeEnum;
-}
-
-export interface DictState {
-  dictMap: Map<string, any>;
-  isSetDict: boolean;
-}
diff --git a/src/types/utils.d.ts b/src/types/utils.d.ts
deleted file mode 100644
index 6500d4472..000000000
--- a/src/types/utils.d.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import type { ComputedRef, Ref } from 'vue';
-
-export type DynamicProps<T> = {
-  [P in keyof T]: Ref<T[P]> | T[P] | ComputedRef<T[P]>;
-};
diff --git a/src/types/vue-router.d.ts b/src/types/vue-router.d.ts
deleted file mode 100644
index d06d06a3b..000000000
--- a/src/types/vue-router.d.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-import { RoleEnum } from '@/enums/roleEnum';
-
-export {};
-
-declare module 'vue-router' {
-  interface RouteMeta extends Record<string | number | symbol, unknown> {
-    orderNo?: number;
-    // 路由title  一般必填
-    title: string;
-    // 动态路由可打开Tab页数
-    dynamicLevel?: number;
-    // 动态路由的实际Path, 即去除路由的动态部分;
-    realPath?: string;
-    // 是否忽略权限，只在权限模式为Role的时候有效
-    ignoreAuth?: boolean;
-    // 可以访问的角色，只在权限模式为Role的时候有效
-    roles?: RoleEnum[];
-    // 是否忽略KeepAlive缓存
-    ignoreKeepAlive?: boolean;
-    // 是否固定标签
-    affix?: boolean;
-    // 图标，也是菜单图标
-    icon?: string;
-    // 内嵌iframe的地址
-    frameSrc?: string;
-    // 指定该路由切换的动画名
-    transitionName?: string;
-    // 隐藏该路由在面包屑上面的显示
-    hideBreadcrumb?: boolean;
-    // 如果该路由会携带参数，且需要在tab页上面显示。则需要设置为true
-    carryParam?: boolean;
-    // 隐藏所有子菜单
-    hideChildrenInMenu?: boolean;
-    // Carrying parameters
-    carryParam?: boolean;
-    // Used internally to mark single-level menus
-    single?: boolean;
-    // 当前激活的菜单。用于配置详情页时左侧激活的菜单路径
-    currentActiveMenu?: string;
-    // 当前路由不再标签页显示
-    hideTab?: boolean;
-    // 当前路由不再菜单显示
-    hideMenu?: boolean;
-    // 菜单排序，只对第一级有效
-    orderNo?: number;
-    // 忽略路由。用于在ROUTE_MAPPING以及BACK权限模式下，生成对应的菜单而忽略路由。2.5.3以上版本有效
-    ignoreRoute?: boolean;
-    // 是否在子级菜单的完整path中忽略本级path。2.5.3以上版本有效
-    hidePathForChildren?: boolean;
-  }
-}
diff --git a/src/utils/auth/index.ts b/src/utils/auth/index.ts
index 709069d78..226a0d55b 100644
--- a/src/utils/auth/index.ts
+++ b/src/utils/auth/index.ts
@@ -1,7 +1,6 @@
-import { Persistent, BasicKeys } from '@/utils/cache/persistent';
-import { CacheTypeEnum } from '@/enums/cacheEnum';
+import { ACCESS_TOKEN_KEY, CacheTypeEnum, REFRESH_TOKEN_KEY, TENANT_ID_KEY } from '@/enums/cacheEnum';
 import projectSetting from '@/settings/projectSetting';
-import { ACCESS_TOKEN_KEY, REFRESH_TOKEN_KEY, TENANT_ID_KEY } from '@/enums/cacheEnum';
+import { BasicKeys, Persistent } from '@/utils/cache/persistent';
 
 const { permissionCacheType } = projectSetting;
 const isLocal = permissionCacheType === CacheTypeEnum.LOCAL;
diff --git a/src/utils/cache/index.ts b/src/utils/cache/index.ts
index c1a984cb2..59dcca485 100644
--- a/src/utils/cache/index.ts
+++ b/src/utils/cache/index.ts
@@ -1,7 +1,7 @@
+import { DEFAULT_CACHE_TIME, enableStorageEncryption } from '@/settings/encryptionSetting';
 import { getStorageShortName } from '@/utils/env';
+
 import { createStorage as create, CreateStorageParams } from './storageCache';
-import { enableStorageEncryption } from '@/settings/encryptionSetting';
-import { DEFAULT_CACHE_TIME } from '@/settings/encryptionSetting';
 
 export type Options = Partial<CreateStorageParams>;
 
diff --git a/src/utils/cache/persistent.ts b/src/utils/cache/persistent.ts
index 24ef96662..5959a96ea 100644
--- a/src/utils/cache/persistent.ts
+++ b/src/utils/cache/persistent.ts
@@ -1,24 +1,25 @@
-import type { LockInfo, UserInfo } from '@/types/store';
-import type { ProjectConfig } from '@/types/config';
+import { omit, pick } from 'lodash-es';
+import { toRaw } from 'vue';
 import type { RouteLocationNormalized } from 'vue-router';
 
-import { createLocalStorage, createSessionStorage } from '@/utils/cache';
-import { Memory } from './memory';
 import {
   ACCESS_TOKEN_KEY,
-  REFRESH_TOKEN_KEY,
-  TENANT_ID_KEY,
-  USER_INFO_KEY,
-  ROLES_KEY,
-  LOCK_INFO_KEY,
-  PROJ_CFG_KEY,
   APP_LOCAL_CACHE_KEY,
   APP_SESSION_CACHE_KEY,
+  LOCK_INFO_KEY,
   MULTIPLE_TABS_KEY,
+  PROJ_CFG_KEY,
+  REFRESH_TOKEN_KEY,
+  ROLES_KEY,
+  TENANT_ID_KEY,
+  USER_INFO_KEY,
 } from '@/enums/cacheEnum';
 import { DEFAULT_CACHE_TIME } from '@/settings/encryptionSetting';
-import { toRaw } from 'vue';
-import { pick, omit } from 'lodash-es';
+import { createLocalStorage, createSessionStorage } from '@/utils/cache';
+import type { ProjectConfig } from '#/config';
+import type { LockInfo, UserInfo } from '#/store';
+
+import { Memory } from './memory';
 
 interface BasicStore {
   [ACCESS_TOKEN_KEY]: string | number | null | undefined;
diff --git a/src/utils/cipher.ts b/src/utils/cipher.ts
index 9a8a89a91..a2b1f3a62 100644
--- a/src/utils/cipher.ts
+++ b/src/utils/cipher.ts
@@ -1,10 +1,9 @@
-import { encrypt, decrypt } from 'crypto-js/aes';
-import { parse } from 'crypto-js/enc-utf8';
-import pkcs7 from 'crypto-js/pad-pkcs7';
-import ECB from 'crypto-js/mode-ecb';
-import md5 from 'crypto-js/md5';
-import UTF8 from 'crypto-js/enc-utf8';
+import { decrypt, encrypt } from 'crypto-js/aes';
 import Base64 from 'crypto-js/enc-base64';
+import UTF8, { parse } from 'crypto-js/enc-utf8';
+import md5 from 'crypto-js/md5';
+import ECB from 'crypto-js/mode-ecb';
+import pkcs7 from 'crypto-js/pad-pkcs7';
 
 export interface EncryptionParams {
   key: string;
diff --git a/src/utils/color.ts b/src/utils/color.ts
index 8f61feeca..7c76e3104 100644
--- a/src/utils/color.ts
+++ b/src/utils/color.ts
@@ -6,7 +6,7 @@
  * @return  Boolean
  */
 export function isHexColor(color: string) {
-  const reg = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
+  const reg = /^#([\da-fA-F]{3}|[\da-fA-F]{6})$/;
   return reg.test(color);
 }
 
diff --git a/src/utils/domUtils.ts b/src/utils/domUtils.ts
index 7928d474a..0c80f1dbf 100644
--- a/src/utils/domUtils.ts
+++ b/src/utils/domUtils.ts
@@ -18,7 +18,7 @@ export function getBoundingClientRect(element: Element): DOMRect | number {
 }
 
 function trim(string: string) {
-  return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
+  return (string || '').replace(/^\s+|\s+$/g, '');
 }
 
 /* istanbul ignore next */
diff --git a/src/utils/env.ts b/src/utils/env.ts
index 0f274eefd..b3fe83636 100644
--- a/src/utils/env.ts
+++ b/src/utils/env.ts
@@ -1,8 +1,8 @@
-import type { GlobEnvConfig } from '@/types/config';
-
 import { warn } from '@/utils/log';
-import pkg from '../../package.json';
+import type { GlobEnvConfig } from '#/config';
+
 import { getConfigFileName } from '../../build/getConfigFileName';
+import pkg from '../../package.json';
 
 export function getCommonStoragePrefix() {
   const { VITE_GLOB_APP_SHORT_NAME } = getAppEnvConfig();
@@ -33,7 +33,7 @@ export function getAppEnvConfig() {
     VITE_GLOB_APP_CAPTCHA_ENABLE,
   } = ENV;
 
-  if (!/^[a-zA-Z\_]*$/.test(VITE_GLOB_APP_SHORT_NAME)) {
+  if (!/^[a-zA-Z_]*$/.test(VITE_GLOB_APP_SHORT_NAME)) {
     warn(
       `VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.`,
     );
diff --git a/src/utils/factory/createAsyncComponent.tsx b/src/utils/factory/createAsyncComponent.tsx
index 58f9be614..97db05e51 100644
--- a/src/utils/factory/createAsyncComponent.tsx
+++ b/src/utils/factory/createAsyncComponent.tsx
@@ -1,8 +1,9 @@
+import { Spin } from 'ant-design-vue';
 import {
   defineAsyncComponent,
   // FunctionalComponent, CSSProperties
 } from 'vue';
-import { Spin } from 'ant-design-vue';
+
 import { noop } from '@/utils';
 
 // const Loading: FunctionalComponent<{ size: 'small' | 'default' | 'large' }> = (props) => {
diff --git a/src/utils/file/download.ts b/src/utils/file/download.ts
index 51627696b..8407d0bd9 100644
--- a/src/utils/file/download.ts
+++ b/src/utils/file/download.ts
@@ -59,7 +59,7 @@ export function downloadByUrl({ url, target = '_blank', fileName }: { url: strin
   const isChrome = window.navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
   const isSafari = window.navigator.userAgent.toLowerCase().indexOf('safari') > -1;
 
-  if (/(iP)/g.test(window.navigator.userAgent)) {
+  if (/(iP)/.test(window.navigator.userAgent)) {
     console.error('Your browser does not support download!');
     return false;
   }
diff --git a/src/utils/helper/tsxHelper.tsx b/src/utils/helper/tsxHelper.tsx
index 72268cc4f..579d5449a 100644
--- a/src/utils/helper/tsxHelper.tsx
+++ b/src/utils/helper/tsxHelper.tsx
@@ -1,4 +1,5 @@
 import { Slots } from 'vue';
+
 import { isFunction } from '@/utils/is';
 
 /**
diff --git a/src/utils/http/axios/Axios.ts b/src/utils/http/axios/Axios.ts
index 47af4cd1e..e8dcf8752 100644
--- a/src/utils/http/axios/Axios.ts
+++ b/src/utils/http/axios/Axios.ts
@@ -1,16 +1,17 @@
-import type { AxiosInstance, AxiosResponse, AxiosError, InternalAxiosRequestConfig, AxiosRequestConfig } from 'axios';
-import type { RequestOptions, Result, UploadFileParams } from '@/types/axios';
-import type { CreateAxiosOptions } from './axiosTransform';
+import type { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios';
 import axios from 'axios';
-import qs from 'qs';
-import { AxiosCanceler } from './axiosCancel';
-import { isFunction } from '@/utils/is';
 import { cloneDeep } from 'lodash-es';
-import { ContentTypeEnum } from '@/enums/httpEnum';
-import { RequestEnum } from '@/enums/httpEnum';
-import { downloadByData } from '@/utils/file/download';
+import qs from 'qs';
+
+import { ContentTypeEnum, RequestEnum } from '@/enums/httpEnum';
 import { useGlobSetting } from '@/hooks/setting';
-import { setAccessToken, getRefreshToken, getTenantId, getAccessToken } from '@/utils/auth';
+import { getAccessToken, getRefreshToken, getTenantId, setAccessToken } from '@/utils/auth';
+import { downloadByData } from '@/utils/file/download';
+import { isFunction } from '@/utils/is';
+import type { RequestOptions, Result, UploadFileParams } from '#/axios';
+
+import { AxiosCanceler } from './axiosCancel';
+import type { CreateAxiosOptions } from './axiosTransform';
 
 export * from './axiosTransform';
 const globSetting = useGlobSetting();
diff --git a/src/utils/http/axios/axiosCancel.ts b/src/utils/http/axios/axiosCancel.ts
index 539019807..52b03189f 100644
--- a/src/utils/http/axios/axiosCancel.ts
+++ b/src/utils/http/axios/axiosCancel.ts
@@ -1,5 +1,6 @@
-import type { InternalAxiosRequestConfig, Canceler } from 'axios';
+import type { Canceler, InternalAxiosRequestConfig } from 'axios';
 import axios from 'axios';
+
 import { isFunction } from '@/utils/is';
 
 // Used to store the identification and cancellation function of each request
diff --git a/src/utils/http/axios/axiosTransform.ts b/src/utils/http/axios/axiosTransform.ts
index 59782af08..168acc019 100644
--- a/src/utils/http/axios/axiosTransform.ts
+++ b/src/utils/http/axios/axiosTransform.ts
@@ -1,8 +1,9 @@
 /**
  * Data processing class, can be configured according to the project
  */
-import type { InternalAxiosRequestConfig, AxiosResponse, AxiosRequestConfig } from 'axios';
-import type { RequestOptions, Result } from '@/types/axios';
+import type { AxiosRequestConfig, AxiosResponse, InternalAxiosRequestConfig } from 'axios';
+
+import type { RequestOptions, Result } from '#/axios';
 
 export interface CreateAxiosOptions extends AxiosRequestConfig {
   authenticationScheme?: string;
diff --git a/src/utils/http/axios/checkStatus.ts b/src/utils/http/axios/checkStatus.ts
index f46a3d368..48353954f 100644
--- a/src/utils/http/axios/checkStatus.ts
+++ b/src/utils/http/axios/checkStatus.ts
@@ -1,11 +1,11 @@
-import type { ErrorMessageMode } from '@/types/axios';
-import { useMessage } from '@/hooks/web/useMessage';
+import { SessionTimeoutProcessingEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+import projectSetting from '@/settings/projectSetting';
 // import router from '@/router';
 // import { PageEnum } from '@/enums/pageEnum';
 import { useUserStoreWithOut } from '@/store/modules/user';
-import projectSetting from '@/settings/projectSetting';
-import { SessionTimeoutProcessingEnum } from '@/enums/appEnum';
+import type { ErrorMessageMode } from '#/axios';
 
 const { createMessage, createErrorModal } = useMessage();
 const error = createMessage.error!;
diff --git a/src/utils/http/axios/index.ts b/src/utils/http/axios/index.ts
index 6860bc1ce..72db1ae75 100644
--- a/src/utils/http/axios/index.ts
+++ b/src/utils/http/axios/index.ts
@@ -2,23 +2,25 @@
 // The axios configuration can be changed according to the project, just change the file, other files can be left unchanged
 
 import type { AxiosResponse } from 'axios';
-import { clone } from 'lodash-es';
-import type { RequestOptions, Result } from '@/types/axios';
-import type { AxiosTransform, CreateAxiosOptions } from './axiosTransform';
-import { VAxios } from './Axios';
-import { checkStatus } from './checkStatus';
-import { useGlobSetting } from '@/hooks/setting';
-import { useMessage } from '@/hooks/web/useMessage';
-import { RequestEnum, ResultEnum, ContentTypeEnum } from '@/enums/httpEnum';
-import { isEmpty, isNull, isString, isUnDef } from '@/utils/is';
-import { getAccessToken, getTenantId } from '@/utils/auth';
-import { setObjToUrlParams, deepMerge } from '@/utils';
-import { useErrorLogStoreWithOut } from '@/store/modules/errorLog';
-import { useI18n } from '@/hooks/web/useI18n';
-import { joinTimestamp, formatRequestDate } from './helper';
-import { useUserStoreWithOut } from '@/store/modules/user';
-import { AxiosRetry } from '@/utils/http/axios/axiosRetry';
 import axios from 'axios';
+import { clone } from 'lodash-es';
+
+import { ContentTypeEnum, RequestEnum, ResultEnum } from '@/enums/httpEnum';
+import { useGlobSetting } from '@/hooks/setting';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+import { useErrorLogStoreWithOut } from '@/store/modules/errorLog';
+import { useUserStoreWithOut } from '@/store/modules/user';
+import { deepMerge, setObjToUrlParams } from '@/utils';
+import { getAccessToken, getTenantId } from '@/utils/auth';
+import { AxiosRetry } from '@/utils/http/axios/axiosRetry';
+import { isEmpty, isNull, isString, isUnDef } from '@/utils/is';
+import type { RequestOptions, Result } from '#/axios';
+
+import { VAxios } from './Axios';
+import type { AxiosTransform, CreateAxiosOptions } from './axiosTransform';
+import { checkStatus } from './checkStatus';
+import { formatRequestDate, joinTimestamp } from './helper';
 
 const globSetting = useGlobSetting();
 const urlPrefix = globSetting.urlPrefix;
diff --git a/src/utils/index.ts b/src/utils/index.ts
index c74914d11..b1add22b7 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,9 +1,9 @@
-import type { RouteLocationNormalized, RouteRecordNormalized } from 'vue-router';
-import type { App, Component } from 'vue';
-
-import { unref } from 'vue';
-import { isArray, isObject } from '@/utils/is';
 import { cloneDeep, isEqual, mergeWith, unionWith } from 'lodash-es';
+import type { App, Component } from 'vue';
+import { unref } from 'vue';
+import type { RouteLocationNormalized, RouteRecordNormalized } from 'vue-router';
+
+import { isArray, isObject } from '@/utils/is';
 
 export const noop = () => {};
 
@@ -88,13 +88,13 @@ export function getRawRoute(route: RouteLocationNormalized): RouteLocationNormal
 }
 
 // https://github.com/vant-ui/vant/issues/8302
-type EventShim = {
+interface EventShim {
   new (...args: any[]): {
     $props: {
       onClick?: (...args: any[]) => void;
     };
   };
-};
+}
 
 export type WithInstall<T> = T & {
   install(app: App): void;
diff --git a/src/utils/is.ts b/src/utils/is.ts
index 4e7934a10..3a5c4a6f4 100644
--- a/src/utils/is.ts
+++ b/src/utils/is.ts
@@ -93,6 +93,6 @@ export const isServer = typeof window === 'undefined';
 export const isClient = !isServer;
 
 export function isUrl(path: string): boolean {
-  const reg = /^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
+  const reg = /^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?/;
   return reg.test(path);
 }
diff --git a/src/utils/lib/echarts.ts b/src/utils/lib/echarts.ts
index 0d4f52722..4e1f9fabf 100644
--- a/src/utils/lib/echarts.ts
+++ b/src/utils/lib/echarts.ts
@@ -1,24 +1,21 @@
-import * as echarts from 'echarts/core';
-
-import { BarChart, GaugeChart, LineChart, PieChart, MapChart, PictorialBarChart, RadarChart, ScatterChart } from 'echarts/charts';
-
+import { BarChart, GaugeChart, LineChart, MapChart, PictorialBarChart, PieChart, RadarChart, ScatterChart } from 'echarts/charts';
 import {
-  TitleComponent,
-  TooltipComponent,
-  GridComponent,
-  PolarComponent,
   AriaComponent,
-  ParallelComponent,
-  LegendComponent,
-  RadarComponent,
-  ToolboxComponent,
-  DataZoomComponent,
-  VisualMapComponent,
-  TimelineComponent,
   CalendarComponent,
+  DataZoomComponent,
   GraphicComponent,
+  GridComponent,
+  LegendComponent,
+  ParallelComponent,
+  PolarComponent,
+  RadarComponent,
+  TimelineComponent,
+  TitleComponent,
+  ToolboxComponent,
+  TooltipComponent,
+  VisualMapComponent,
 } from 'echarts/components';
-
+import * as echarts from 'echarts/core';
 import { SVGRenderer } from 'echarts/renderers';
 
 echarts.use([
diff --git a/src/utils/propTypes.ts b/src/utils/propTypes.ts
index 84b9ba423..c933270a8 100644
--- a/src/utils/propTypes.ts
+++ b/src/utils/propTypes.ts
@@ -1,5 +1,5 @@
 import { CSSProperties, VNodeChild } from 'vue';
-import { createTypes, VueTypeValidableDef, VueTypesInterface } from 'vue-types';
+import { createTypes, VueTypesInterface, VueTypeValidableDef } from 'vue-types';
 
 export type VueNode = VNodeChild | JSX.Element;
 
diff --git a/src/utils/props.ts b/src/utils/props.ts
index fcadb1f7c..15b8b00bd 100644
--- a/src/utils/props.ts
+++ b/src/utils/props.ts
@@ -1,13 +1,17 @@
 // copy from element-plus
 
-import { warn } from 'vue';
-import { isObject } from '@/utils/is';
 import { fromPairs } from 'lodash-es';
 import type { ExtractPropTypes } from 'vue';
+import { warn } from 'vue';
+
+import { isObject } from '@/utils/is';
+
 import type { Mutable } from './types';
 
 const wrapperKey = Symbol();
-export type PropWrapper<T> = { [wrapperKey]: T };
+export interface PropWrapper<T> {
+  [wrapperKey]: T;
+}
 
 export const propKey = Symbol();
 
@@ -19,13 +23,13 @@ type ResolvePropTypeWithReadonly<T> = Readonly<T> extends Readonly<Array<infer A
 
 type IfUnknown<T, V> = [unknown] extends [T] ? V : T;
 
-export type BuildPropOption<T, D extends BuildPropType<T, V, C>, R, V, C> = {
+export interface BuildPropOption<T, D extends BuildPropType<T, V, C>, R, V, C> {
   type?: T;
   values?: readonly V[];
   required?: R;
   default?: R extends true ? never : D extends Record<string, unknown> | Array<any> ? () => D : (() => D) | D;
   validator?: ((val: any) => val is C) | ((val: any) => boolean);
-};
+}
 
 type _BuildPropType<T, V, C> =
   | (T extends PropWrapper<unknown> ? T[typeof wrapperKey] : [V] extends [never] ? ResolvePropTypeWithReadonly<T> : never)
diff --git a/src/utils/types.ts b/src/utils/types.ts
index a2f18812b..db3bfe52f 100644
--- a/src/utils/types.ts
+++ b/src/utils/types.ts
@@ -26,9 +26,9 @@ export type RefElement = Nullable<HTMLElement>;
 
 export type CustomizedHTMLElement<T> = HTMLElement & T;
 
-export type Indexable<T> = {
+export interface Indexable<T> {
   [key: string]: T;
-};
+}
 
 export type Hash<T> = Indexable<T>;
 
diff --git a/src/views/base/about/index.vue b/src/views/base/about/index.vue
index 76e96ac5e..dd84d7e6a 100644
--- a/src/views/base/about/index.vue
+++ b/src/views/base/about/index.vue
@@ -10,17 +10,18 @@
         </span>
       </div>
     </template>
-    <Description @register="infoRegister" class="enter-y" />
-    <Description @register="register" class="my-4 enter-y" />
-    <Description @register="registerDev" class="enter-y" />
+    <Description class="enter-y" @register="infoRegister" />
+    <Description class="my-4 enter-y" @register="register" />
+    <Description class="enter-y" @register="registerDev" />
   </PageWrapper>
 </template>
 <script lang="ts" setup>
-import { h } from 'vue';
 import { Tag } from 'ant-design-vue';
+import { h } from 'vue';
+
+import { DescItem, Description, useDescription } from '@/components/Description';
 import { PageWrapper } from '@/components/Page';
-import { Description, DescItem, useDescription } from '@/components/Description';
-import { GITHUB_URL, SITE_URL, DOC_URL } from '@/settings/siteSetting';
+import { DOC_URL, GITHUB_URL, SITE_URL } from '@/settings/siteSetting';
 
 const { pkg, lastBuildTime } = __APP_INFO__;
 
@@ -85,7 +86,7 @@ Object.keys(devDependencies).forEach((key) => {
 const [register] = useDescription({
   title: '生产环境依赖',
   data: dependencies,
-  schema: schema,
+  schema,
   column: 3,
 });
 
diff --git a/src/views/base/exception/Exception.vue b/src/views/base/exception/Exception.vue
index 86485996b..12170f294 100644
--- a/src/views/base/exception/Exception.vue
+++ b/src/views/base/exception/Exception.vue
@@ -1,14 +1,15 @@
 <script lang="tsx">
-import { Result, Button } from 'ant-design-vue';
-import { defineComponent, ref, computed, unref } from 'vue';
-import { ExceptionEnum } from '@/enums/exceptionEnum';
-import notDataSvg from '@/assets/svg/no-data.svg';
-import netWorkSvg from '@/assets/svg/net-error.svg';
+import { Button, Result } from 'ant-design-vue';
+import { computed, defineComponent, ref, unref } from 'vue';
 import { useRoute } from 'vue-router';
+
+import netWorkSvg from '@/assets/svg/net-error.svg';
+import notDataSvg from '@/assets/svg/no-data.svg';
+import { ExceptionEnum } from '@/enums/exceptionEnum';
+import { PageEnum } from '@/enums/pageEnum';
 import { useDesign } from '@/hooks/web/useDesign';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useGo, useRedo } from '@/hooks/web/usePage';
-import { PageEnum } from '@/enums/pageEnum';
 
 interface MapValue {
   title: string;
diff --git a/src/views/base/iframe/index.vue b/src/views/base/iframe/index.vue
index 5a364ac5a..6cd223fa6 100644
--- a/src/views/base/iframe/index.vue
+++ b/src/views/base/iframe/index.vue
@@ -1,18 +1,19 @@
 <template>
   <div :class="prefixCls" :style="getWrapStyle">
     <Spin :spinning="loading" size="large" :style="getWrapStyle">
-      <iframe :src="frameSrc" :class="`${prefixCls}__main`" ref="frameRef" @load="hideLoading"></iframe>
+      <iframe ref="frameRef" :src="frameSrc" :class="`${prefixCls}__main`" @load="hideLoading"></iframe>
     </Spin>
   </div>
 </template>
 <script lang="ts" setup>
-import type { CSSProperties } from 'vue';
-import { ref, unref, computed } from 'vue';
 import { Spin } from 'ant-design-vue';
+import type { CSSProperties } from 'vue';
+import { computed, ref, unref } from 'vue';
+
 import { useWindowSizeFn } from '@/hooks/event/useWindowSizeFn';
-import { propTypes } from '@/utils/propTypes';
 import { useDesign } from '@/hooks/web/useDesign';
 import { useLayoutHeight } from '@/layouts/default/content/useContentViewHeight';
+import { propTypes } from '@/utils/propTypes';
 
 defineProps({
   frameSrc: propTypes.string.def(''),
diff --git a/src/views/base/lock/LockPage.vue b/src/views/base/lock/LockPage.vue
index 68c1911e1..9c60bdcec 100644
--- a/src/views/base/lock/LockPage.vue
+++ b/src/views/base/lock/LockPage.vue
@@ -2,10 +2,10 @@
   <div :class="prefixCls" class="fixed inset-0 flex h-screen w-screen bg-black items-center justify-center">
     <!-- eslint-disable max-len -->
     <div
+      v-show="showDate"
       :class="`${prefixCls}__unlock`"
       class="absolute top-0 left-1/2 flex pt-5 h-16 items-center justify-center sm:text-md xl:text-xl text-white flex-col cursor-pointer transform translate-x-1/2"
       @click="handleShowForm(false)"
-      v-show="showDate"
     >
       <LockOutlined />
       <span>{{ t('sys.lock.unlock') }}</span>
@@ -14,7 +14,7 @@
     <div class="flex w-screen h-screen justify-center items-center">
       <div :class="`${prefixCls}__hour`" class="relative mr-5 md:mr-20 w-2/5 h-2/5 md:h-4/5">
         <span>{{ hour }}</span>
-        <span class="meridiem absolute left-5 top-5 text-md xl:text-xl" v-show="showDate">
+        <span v-show="showDate" class="meridiem absolute left-5 top-5 text-md xl:text-xl">
           {{ meridiem }}
         </span>
       </div>
@@ -23,7 +23,7 @@
       </div>
     </div>
     <transition name="fade-slide">
-      <div :class="`${prefixCls}-entry`" v-show="!showDate">
+      <div v-show="!showDate" :class="`${prefixCls}-entry`">
         <div :class="`${prefixCls}-entry-content`">
           <div :class="`${prefixCls}-entry__header enter-x`">
             <img :src="userinfo.user.avatar || headerImg" :class="`${prefixCls}-entry__header-img`" />
@@ -31,8 +31,8 @@
               {{ userinfo.user.nickname }}
             </p>
           </div>
-          <InputPassword :placeholder="t('sys.lock.placeholder')" class="enter-x" v-model:value="password" />
-          <span :class="`${prefixCls}-entry__err-msg enter-x`" v-if="errMsg">
+          <InputPassword v-model:value="password" :placeholder="t('sys.lock.placeholder')" class="enter-x" />
+          <span v-if="errMsg" :class="`${prefixCls}-entry__err-msg enter-x`">
             {{ t('sys.lock.alert') }}
           </span>
           <div :class="`${prefixCls}-entry__footer enter-x`">
@@ -42,7 +42,7 @@
             <a-button type="link" size="small" class="mt-2 mr-2 enter-x" :disabled="loading" @click="goLogin">
               {{ t('sys.lock.backToLogin') }}
             </a-button>
-            <a-button class="mt-2" type="link" size="small" @click="unLock()" :loading="loading">
+            <a-button class="mt-2" type="link" size="small" :loading="loading" @click="unLock()">
               {{ t('sys.lock.entry') }}
             </a-button>
           </div>
@@ -51,7 +51,7 @@
     </transition>
 
     <div class="absolute bottom-5 w-full text-gray-300 xl:text-xl 2xl:text-3xl text-center enter-y">
-      <div class="text-5xl mb-4 enter-x" v-show="!showDate">
+      <div v-show="!showDate" class="text-5xl mb-4 enter-x">
         {{ hour }}:{{ minute }} <span class="text-3xl">{{ meridiem }}</span>
       </div>
       <div class="text-2xl">{{ year }}/{{ month }}/{{ day }} {{ week }}</div>
@@ -59,15 +59,17 @@
   </div>
 </template>
 <script setup lang="ts">
-import { ref, computed } from 'vue';
-import { Input } from 'ant-design-vue';
-import { useUserStore } from '@/store/modules/user';
-import { useLockStore } from '@/store/modules/lock';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useNow } from './useNow';
-import { useDesign } from '@/hooks/web/useDesign';
 import { LockOutlined } from '@ant-design/icons-vue';
+import { Input } from 'ant-design-vue';
+import { computed, ref } from 'vue';
+
 import headerImg from '@/assets/images/header.jpg';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useLockStore } from '@/store/modules/lock';
+import { useUserStore } from '@/store/modules/user';
+
+import { useNow } from './useNow';
 
 const InputPassword = Input.Password;
 
@@ -95,7 +97,7 @@ async function unLock() {
   if (!password.value) {
     return;
   }
-  let pwd = password.value;
+  const pwd = password.value;
   try {
     loading.value = true;
     const res = await lockStore.unLock(pwd);
diff --git a/src/views/base/lock/index.vue b/src/views/base/lock/index.vue
index 8d696b708..a1da52d51 100644
--- a/src/views/base/lock/index.vue
+++ b/src/views/base/lock/index.vue
@@ -5,9 +5,11 @@
 </template>
 <script lang="ts" setup>
 import { computed } from 'vue';
-import LockPage from './LockPage.vue';
+
 import { useLockStore } from '@/store/modules/lock';
 
+import LockPage from './LockPage.vue';
+
 const lockStore = useLockStore();
 const getIsLock = computed(() => lockStore?.getLockInfo?.isLock ?? false);
 </script>
diff --git a/src/views/base/lock/useNow.ts b/src/views/base/lock/useNow.ts
index dafc9abd4..88ea7db86 100644
--- a/src/views/base/lock/useNow.ts
+++ b/src/views/base/lock/useNow.ts
@@ -1,6 +1,7 @@
-import { dateUtil } from '@/utils/dateUtil';
-import { reactive, toRefs } from 'vue';
 import { tryOnMounted, tryOnUnmounted } from '@vueuse/core';
+import { reactive, toRefs } from 'vue';
+
+import { dateUtil } from '@/utils/dateUtil';
 
 export function useNow(immediate = true) {
   let timer: IntervalHandle;
diff --git a/src/views/base/login/ForgetPasswordForm.vue b/src/views/base/login/ForgetPasswordForm.vue
index 8b9f97b19..74cb950f6 100644
--- a/src/views/base/login/ForgetPasswordForm.vue
+++ b/src/views/base/login/ForgetPasswordForm.vue
@@ -1,20 +1,20 @@
 <template>
   <template v-if="getShow">
     <LoginFormTitle class="enter-x" />
-    <Form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef">
+    <Form ref="formRef" class="p-4 enter-x" :model="formData" :rules="getFormRules">
       <FormItem name="account" class="enter-x">
-        <Input size="large" v-model:value="formData.account" :placeholder="t('sys.login.userName')" />
+        <Input v-model:value="formData.account" size="large" :placeholder="t('sys.login.userName')" />
       </FormItem>
 
       <FormItem name="mobile" class="enter-x">
-        <Input size="large" v-model:value="formData.mobile" :placeholder="t('sys.login.mobile')" />
+        <Input v-model:value="formData.mobile" size="large" :placeholder="t('sys.login.mobile')" />
       </FormItem>
       <FormItem name="sms" class="enter-x">
-        <CountdownInput size="large" v-model:value="formData.sms" :placeholder="t('sys.login.smsCode')" />
+        <CountdownInput v-model:value="formData.sms" size="large" :placeholder="t('sys.login.smsCode')" />
       </FormItem>
 
       <FormItem class="enter-x">
-        <Button type="primary" size="large" block @click="handleReset" :loading="loading">
+        <Button type="primary" size="large" block :loading="loading" @click="handleReset">
           {{ t('common.resetText') }}
         </Button>
         <Button size="large" block class="mt-4" @click="handleBackLogin">
@@ -25,12 +25,14 @@
   </template>
 </template>
 <script lang="ts" setup>
-import { reactive, ref, computed, unref } from 'vue';
-import LoginFormTitle from './LoginFormTitle.vue';
-import { Form, Input, Button } from 'ant-design-vue';
+import { Button, Form, Input } from 'ant-design-vue';
+import { computed, reactive, ref, unref } from 'vue';
+
 import { CountdownInput } from '@/components/CountDown';
 import { useI18n } from '@/hooks/web/useI18n';
-import { useLoginState, useFormRules, LoginStateEnum } from './useLogin';
+
+import LoginFormTitle from './LoginFormTitle.vue';
+import { LoginStateEnum, useFormRules, useLoginState } from './useLogin';
 
 const FormItem = Form.Item;
 const { t } = useI18n();
diff --git a/src/views/base/login/Login.vue b/src/views/base/login/Login.vue
index 8d4675504..8aa68cf87 100644
--- a/src/views/base/login/Login.vue
+++ b/src/views/base/login/Login.vue
@@ -1,8 +1,8 @@
 <template>
   <div :class="prefixCls" class="relative w-full h-full px-4">
     <div class="flex items-center absolute right-4 top-4">
-      <AppDarkModeToggle class="enter-x mr-2" v-if="!sessionTimeout" />
-      <AppLocalePicker class="text-white enter-x xl:text-gray-600" :show-text="false" v-if="!sessionTimeout && showLocale" />
+      <AppDarkModeToggle v-if="!sessionTimeout" class="enter-x mr-2" />
+      <AppLocalePicker v-if="!sessionTimeout && showLocale" class="text-white enter-x xl:text-gray-600" :show-text="false" />
     </div>
 
     <span class="-enter-x xl:hidden">
@@ -42,17 +42,18 @@
 </template>
 <script lang="ts" setup>
 import { computed } from 'vue';
-import { AppLogo } from '@/components/Application';
-import { AppLocalePicker, AppDarkModeToggle } from '@/components/Application';
-import LoginForm from './LoginForm.vue';
+
+import { AppDarkModeToggle, AppLocalePicker, AppLogo } from '@/components/Application';
+import { useGlobSetting } from '@/hooks/setting';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useLocaleStore } from '@/store/modules/locale';
+
 import ForgetPasswordForm from './ForgetPasswordForm.vue';
-import RegisterForm from './RegisterForm.vue';
+import LoginForm from './LoginForm.vue';
 import MobileForm from './MobileForm.vue';
 import QrCodeForm from './QrCodeForm.vue';
-import { useGlobSetting } from '@/hooks/setting';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useDesign } from '@/hooks/web/useDesign';
-import { useLocaleStore } from '@/store/modules/locale';
+import RegisterForm from './RegisterForm.vue';
 
 defineProps({
   sessionTimeout: {
diff --git a/src/views/base/login/LoginForm.vue b/src/views/base/login/LoginForm.vue
index fa3d00a77..42be8af48 100644
--- a/src/views/base/login/LoginForm.vue
+++ b/src/views/base/login/LoginForm.vue
@@ -1,20 +1,20 @@
 <template>
   <LoginFormTitle v-show="getShow" class="enter-x" />
-  <Form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef" v-show="getShow" @keypress.enter="handleLogin">
+  <Form v-show="getShow" ref="formRef" class="p-4 enter-x" :model="formData" :rules="getFormRules" @keypress.enter="handleLogin">
     <FormItem name="tenantName" class="enter-x">
       <Input
         v-if="tenantEnable === 'true'"
-        size="large"
         v-model:value="formData.tenantName"
+        size="large"
         :placeholder="t('sys.login.tenantName')"
         class="fix-auto-fill"
       />
     </FormItem>
     <FormItem name="username" class="enter-x">
-      <Input size="large" v-model:value="formData.username" :placeholder="t('sys.login.userName')" class="fix-auto-fill" />
+      <Input v-model:value="formData.username" size="large" :placeholder="t('sys.login.userName')" class="fix-auto-fill" />
     </FormItem>
     <FormItem name="password" class="enter-x">
-      <InputPassword size="large" visibilityToggle v-model:value="formData.password" :placeholder="t('sys.login.password')" />
+      <InputPassword v-model:value="formData.password" size="large" visibilityToggle :placeholder="t('sys.login.password')" />
     </FormItem>
 
     <Row class="enter-x">
@@ -37,7 +37,7 @@
     </Row>
 
     <FormItem class="enter-x">
-      <Button type="primary" size="large" block @click="getCode" :loading="loading">
+      <Button type="primary" size="large" block :loading="loading" @click="getCode">
         {{ t('sys.login.loginButton') }}
       </Button>
       <!-- <Button size="large" class="mt-4 enter-x" block @click="handleRegister">
@@ -84,26 +84,22 @@
   <Verify ref="verify" mode="pop" :captchaType="captchaType" :imgSize="{ width: '400px', height: '200px' }" @success="handleLogin" />
 </template>
 <script lang="ts" setup>
-import { reactive, ref, unref, computed } from 'vue';
+import { AlipayCircleFilled, GithubFilled, WechatFilled } from '@ant-design/icons-vue';
+import { Button, Checkbox, Col, Divider, Form, Input, Row } from 'ant-design-vue';
+import { computed, reactive, ref, unref } from 'vue';
 
-import { Checkbox, Form, Input, Row, Col, Button, Divider } from 'ant-design-vue';
-import { GithubFilled, WechatFilled, AlipayCircleFilled } from '@ant-design/icons-vue';
-import LoginFormTitle from './LoginFormTitle.vue';
-
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
-
-import { useUserStore } from '@/store/modules/user';
-import { usePermissionStore } from '@/store/modules/permission';
-
-import { LoginStateEnum, useLoginState, useFormRules, useFormValid } from './useLogin';
+import { getTenantIdByName } from '@/api/base/login';
+import { Verify } from '@/components/Verifition';
 import { useGlobSetting } from '@/hooks/setting';
 import { useDesign } from '@/hooks/web/useDesign';
-
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+import { usePermissionStore } from '@/store/modules/permission';
+import { useUserStore } from '@/store/modules/user';
 import * as authUtil from '@/utils/auth';
 
-import { Verify } from '@/components/Verifition';
-import { getTenantIdByName } from '@/api/base/login';
+import LoginFormTitle from './LoginFormTitle.vue';
+import { LoginStateEnum, useFormRules, useFormValid, useLoginState } from './useLogin';
 
 const FormItem = Form.Item;
 const InputPassword = Input.Password;
diff --git a/src/views/base/login/LoginFormTitle.vue b/src/views/base/login/LoginFormTitle.vue
index 3de94a646..3b5cd003f 100644
--- a/src/views/base/login/LoginFormTitle.vue
+++ b/src/views/base/login/LoginFormTitle.vue
@@ -5,7 +5,9 @@
 </template>
 <script lang="ts" setup>
 import { computed, unref } from 'vue';
+
 import { useI18n } from '@/hooks/web/useI18n';
+
 import { LoginStateEnum, useLoginState } from './useLogin';
 
 const { t } = useI18n();
diff --git a/src/views/base/login/MobileForm.vue b/src/views/base/login/MobileForm.vue
index 0ea7b6163..7ce877fc6 100644
--- a/src/views/base/login/MobileForm.vue
+++ b/src/views/base/login/MobileForm.vue
@@ -1,16 +1,16 @@
 <template>
   <template v-if="getShow">
     <LoginFormTitle class="enter-x" />
-    <Form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef">
+    <Form ref="formRef" class="p-4 enter-x" :model="formData" :rules="getFormRules">
       <FormItem name="mobile" class="enter-x">
-        <Input size="large" v-model:value="formData.mobile" :placeholder="t('sys.login.mobile')" class="fix-auto-fill" />
+        <Input v-model:value="formData.mobile" size="large" :placeholder="t('sys.login.mobile')" class="fix-auto-fill" />
       </FormItem>
       <FormItem name="sms" class="enter-x">
-        <CountdownInput size="large" class="fix-auto-fill" v-model:value="formData.sms" :placeholder="t('sys.login.smsCode')" />
+        <CountdownInput v-model:value="formData.sms" size="large" class="fix-auto-fill" :placeholder="t('sys.login.smsCode')" />
       </FormItem>
 
       <FormItem class="enter-x">
-        <Button type="primary" size="large" block @click="handleLogin" :loading="loading">
+        <Button type="primary" size="large" block :loading="loading" @click="handleLogin">
           {{ t('sys.login.loginButton') }}
         </Button>
         <Button size="large" block class="mt-4" @click="handleBackLogin">
@@ -21,12 +21,14 @@
   </template>
 </template>
 <script lang="ts" setup>
-import { reactive, ref, computed, unref } from 'vue';
-import { Form, Input, Button } from 'ant-design-vue';
+import { Button, Form, Input } from 'ant-design-vue';
+import { computed, reactive, ref, unref } from 'vue';
+
 import { CountdownInput } from '@/components/CountDown';
-import LoginFormTitle from './LoginFormTitle.vue';
 import { useI18n } from '@/hooks/web/useI18n';
-import { useLoginState, useFormRules, useFormValid, LoginStateEnum } from './useLogin';
+
+import LoginFormTitle from './LoginFormTitle.vue';
+import { LoginStateEnum, useFormRules, useFormValid, useLoginState } from './useLogin';
 
 const FormItem = Form.Item;
 const { t } = useI18n();
diff --git a/src/views/base/login/QrCodeForm.vue b/src/views/base/login/QrCodeForm.vue
index 99577bcdb..c8cd5aa61 100644
--- a/src/views/base/login/QrCodeForm.vue
+++ b/src/views/base/login/QrCodeForm.vue
@@ -11,12 +11,14 @@
   </template>
 </template>
 <script lang="ts" setup>
-import { computed, unref } from 'vue';
-import LoginFormTitle from './LoginFormTitle.vue';
 import { Button, Divider } from 'ant-design-vue';
+import { computed, unref } from 'vue';
+
 import { QrCode } from '@/components/Qrcode';
 import { useI18n } from '@/hooks/web/useI18n';
-import { useLoginState, LoginStateEnum } from './useLogin';
+
+import LoginFormTitle from './LoginFormTitle.vue';
+import { LoginStateEnum, useLoginState } from './useLogin';
 
 const qrCodeUrl = 'https://vben.xingyuv.com/login';
 
diff --git a/src/views/base/login/RegisterForm.vue b/src/views/base/login/RegisterForm.vue
index b1e6b0681..eaebd2afc 100644
--- a/src/views/base/login/RegisterForm.vue
+++ b/src/views/base/login/RegisterForm.vue
@@ -1,24 +1,24 @@
 <template>
   <template v-if="getShow">
     <LoginFormTitle class="enter-x" />
-    <Form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef">
+    <Form ref="formRef" class="p-4 enter-x" :model="formData" :rules="getFormRules">
       <FormItem name="account" class="enter-x">
-        <Input class="fix-auto-fill" size="large" v-model:value="formData.account" :placeholder="t('sys.login.userName')" />
+        <Input v-model:value="formData.account" class="fix-auto-fill" size="large" :placeholder="t('sys.login.userName')" />
       </FormItem>
       <FormItem name="mobile" class="enter-x">
-        <Input size="large" v-model:value="formData.mobile" :placeholder="t('sys.login.mobile')" class="fix-auto-fill" />
+        <Input v-model:value="formData.mobile" size="large" :placeholder="t('sys.login.mobile')" class="fix-auto-fill" />
       </FormItem>
       <FormItem name="sms" class="enter-x">
-        <CountdownInput size="large" class="fix-auto-fill" v-model:value="formData.sms" :placeholder="t('sys.login.smsCode')" />
+        <CountdownInput v-model:value="formData.sms" size="large" class="fix-auto-fill" :placeholder="t('sys.login.smsCode')" />
       </FormItem>
       <FormItem name="password" class="enter-x">
-        <StrengthMeter size="large" v-model:value="formData.password" :placeholder="t('sys.login.password')" />
+        <StrengthMeter v-model:value="formData.password" size="large" :placeholder="t('sys.login.password')" />
       </FormItem>
       <FormItem name="confirmPassword" class="enter-x">
         <InputPassword
+          v-model:value="formData.confirmPassword"
           size="large"
           visibilityToggle
-          v-model:value="formData.confirmPassword"
           :placeholder="t('sys.login.confirmPassword')"
         />
       </FormItem>
@@ -30,7 +30,7 @@
         </Checkbox>
       </FormItem>
 
-      <Button type="primary" class="enter-x" size="large" block @click="handleRegister" :loading="loading">
+      <Button type="primary" class="enter-x" size="large" block :loading="loading" @click="handleRegister">
         {{ t('sys.login.registerButton') }}
       </Button>
       <Button size="large" block class="mt-4 enter-x" @click="handleBackLogin">
@@ -40,13 +40,15 @@
   </template>
 </template>
 <script lang="ts" setup>
-import { reactive, ref, unref, computed } from 'vue';
-import LoginFormTitle from './LoginFormTitle.vue';
-import { Form, Input, Button, Checkbox } from 'ant-design-vue';
-import { StrengthMeter } from '@/components/StrengthMeter';
+import { Button, Checkbox, Form, Input } from 'ant-design-vue';
+import { computed, reactive, ref, unref } from 'vue';
+
 import { CountdownInput } from '@/components/CountDown';
+import { StrengthMeter } from '@/components/StrengthMeter';
 import { useI18n } from '@/hooks/web/useI18n';
-import { useLoginState, useFormRules, useFormValid, LoginStateEnum } from './useLogin';
+
+import LoginFormTitle from './LoginFormTitle.vue';
+import { LoginStateEnum, useFormRules, useFormValid, useLoginState } from './useLogin';
 
 const FormItem = Form.Item;
 const InputPassword = Input.Password;
diff --git a/src/views/base/login/SessionTimeoutLogin.vue b/src/views/base/login/SessionTimeoutLogin.vue
index ff13997c0..167339626 100644
--- a/src/views/base/login/SessionTimeoutLogin.vue
+++ b/src/views/base/login/SessionTimeoutLogin.vue
@@ -7,12 +7,14 @@
 </template>
 <script lang="ts" setup>
 import { onBeforeUnmount, onMounted, ref } from 'vue';
-import Login from './Login.vue';
-import { useDesign } from '@/hooks/web/useDesign';
-import { useUserStore } from '@/store/modules/user';
-import { usePermissionStore } from '@/store/modules/permission';
-import { useAppStore } from '@/store/modules/app';
+
 import { PermissionModeEnum } from '@/enums/appEnum';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useAppStore } from '@/store/modules/app';
+import { usePermissionStore } from '@/store/modules/permission';
+import { useUserStore } from '@/store/modules/user';
+
+import Login from './Login.vue';
 
 const { prefixCls } = useDesign('st-login');
 const userStore = useUserStore();
diff --git a/src/views/base/login/useLogin.ts b/src/views/base/login/useLogin.ts
index 8e794a9b1..496ae5c95 100644
--- a/src/views/base/login/useLogin.ts
+++ b/src/views/base/login/useLogin.ts
@@ -1,6 +1,7 @@
-import type { Rule, FormInstance } from 'ant-design-vue/lib/form';
-import type { RuleObject, NamePath } from 'ant-design-vue/lib/form/interface';
-import { ref, computed, unref, Ref } from 'vue';
+import type { FormInstance, Rule } from 'ant-design-vue/lib/form';
+import type { NamePath, RuleObject } from 'ant-design-vue/lib/form/interface';
+import { computed, Ref, ref, unref } from 'vue';
+
 import { useI18n } from '@/hooks/web/useI18n';
 
 export enum LoginStateEnum {
@@ -30,7 +31,7 @@ export function useLoginState() {
   return { setLoginState, getLoginState, handleBackLogin };
 }
 
-export function useFormValid<T extends Object = any>(formRef: Ref<FormInstance>) {
+export function useFormValid<T extends object = any>(formRef: Ref<FormInstance>) {
   const validate = computed(() => {
     const form = unref(formRef);
     return form?.validate ?? ((_nameList?: NamePath) => Promise.resolve());
diff --git a/src/views/base/profile/AccountBind.vue b/src/views/base/profile/AccountBind.vue
index 2bd3937a9..17b01f2ba 100644
--- a/src/views/base/profile/AccountBind.vue
+++ b/src/views/base/profile/AccountBind.vue
@@ -9,7 +9,7 @@
             </template>
             <template #title>
               {{ item.title }}
-              <a-button type="link" size="small" v-if="item.extra" class="extra">
+              <a-button v-if="item.extra" type="link" size="small" class="extra">
                 {{ item.extra }}
               </a-button>
             </template>
@@ -24,12 +24,14 @@
 </template>
 <script setup lang="ts">
 import { List } from 'ant-design-vue';
-import { Icon } from '@/components/Icon';
-import { CollapseContainer } from '@/components/Container/index';
-import { accountBindList } from './data';
-import { getUserProfileApi } from '@/api/base/profile';
 import { onMounted } from 'vue';
 
+import { getUserProfileApi } from '@/api/base/profile';
+import { CollapseContainer } from '@/components/Container/index';
+import { Icon } from '@/components/Icon';
+
+import { accountBindList } from './data';
+
 const ListItem = List.Item;
 const ListItemMeta = List.Item.Meta;
 
diff --git a/src/views/base/profile/BaseSetting.vue b/src/views/base/profile/BaseSetting.vue
index 2556eac65..8d50aaa6a 100644
--- a/src/views/base/profile/BaseSetting.vue
+++ b/src/views/base/profile/BaseSetting.vue
@@ -11,8 +11,8 @@
             :value="avatar"
             btnText="更换头像"
             :btnProps="{ preIcon: 'ant-design:cloud-upload-outlined' }"
-            @change="updateAvatar"
             width="150"
+            @change="updateAvatar"
           />
         </div>
       </Col>
@@ -21,16 +21,18 @@
   </CollapseContainer>
 </template>
 <script setup lang="ts">
-import { Button, Row, Col } from 'ant-design-vue';
+import { Button, Col, Row } from 'ant-design-vue';
 import { computed, onMounted } from 'vue';
-import { BasicForm, useForm } from '@/components/Form/index';
+
+import { getUserProfileApi, updateUserProfileApi, uploadAvatarApi } from '@/api/base/profile';
+import headerImg from '@/assets/images/header.jpg';
 import { CollapseContainer } from '@/components/Container';
 import { CropperAvatar } from '@/components/Cropper';
+import { BasicForm, useForm } from '@/components/Form/index';
 import { useMessage } from '@/hooks/web/useMessage';
-import headerImg from '@/assets/images/header.jpg';
-import { baseSetschemas } from './data';
 import { useUserStore } from '@/store/modules/user';
-import { getUserProfileApi, updateUserProfileApi, uploadAvatarApi } from '@/api/base/profile';
+
+import { baseSetschemas } from './data';
 
 const { createMessage } = useMessage();
 const userStore = useUserStore();
diff --git a/src/views/base/profile/MsgNotify.vue b/src/views/base/profile/MsgNotify.vue
index a49de67f3..deed1370a 100644
--- a/src/views/base/profile/MsgNotify.vue
+++ b/src/views/base/profile/MsgNotify.vue
@@ -19,7 +19,9 @@
 </template>
 <script setup lang="ts">
 import { List, Switch } from 'ant-design-vue';
+
 import { CollapseContainer } from '@/components/Container/index';
+
 import { msgNotifyList } from './data';
 
 const ListItem = List.Item;
diff --git a/src/views/base/profile/PasswordModal.vue b/src/views/base/profile/PasswordModal.vue
index bb5ccef8a..9ff062ccf 100644
--- a/src/views/base/profile/PasswordModal.vue
+++ b/src/views/base/profile/PasswordModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="title" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="title" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="PasswordModal">
 import { ref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { updateUserPwdApi } from '@/api/base/profile';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { passwordSchema } from './data';
-import { updateUserPwdApi } from '@/api/base/profile';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/base/profile/SecureSetting.vue b/src/views/base/profile/SecureSetting.vue
index fb94b4d8d..de38e8d9b 100644
--- a/src/views/base/profile/SecureSetting.vue
+++ b/src/views/base/profile/SecureSetting.vue
@@ -6,7 +6,7 @@
           <ListItemMeta>
             <template #title>
               {{ item.title }}
-              <div class="extra" v-if="item.extra">
+              <div v-if="item.extra" class="extra">
                 <a-button type="link" @click="handleEdit(item.title)">{{ item.extra }}</a-button>
               </div>
             </template>
@@ -22,10 +22,12 @@
 </template>
 <script setup lang="ts">
 import { List } from 'ant-design-vue';
+
 import { CollapseContainer } from '@/components/Container/index';
-import { secureSettingList } from './data';
 import { useModal } from '@/components/Modal';
 import { useMessage } from '@/hooks/web/useMessage';
+
+import { secureSettingList } from './data';
 import PasswordModal from './PasswordModal.vue';
 
 const ListItem = List.Item;
@@ -35,7 +37,7 @@ const { createMessage } = useMessage();
 const [registerModal, { openModal }] = useModal();
 
 function handleEdit(title: string) {
-  if (title == '账户密码') {
+  if (title === '账户密码') {
     openModal(true, {});
   }
 }
diff --git a/src/views/base/profile/index.vue b/src/views/base/profile/index.vue
index fcb363dc7..efc4fbc10 100644
--- a/src/views/base/profile/index.vue
+++ b/src/views/base/profile/index.vue
@@ -15,13 +15,16 @@
   </ScrollContainer>
 </template>
 <script setup lang="ts">
-import { Tabs, TabPane } from 'ant-design-vue';
+import { TabPane, Tabs } from 'ant-design-vue';
+
 import { ScrollContainer } from '@/components/Container/index';
-import { settingList } from './data';
-import BaseSetting from './BaseSetting.vue';
-import SecureSetting from './SecureSetting.vue';
+
 import AccountBind from './AccountBind.vue';
+import BaseSetting from './BaseSetting.vue';
+import { settingList } from './data';
 import MsgNotify from './MsgNotify.vue';
+import SecureSetting from './SecureSetting.vue';
+
 const tabBarStyle = { width: '220px' };
 </script>
 <style lang="less">
diff --git a/src/views/bpm/form/index.vue b/src/views/bpm/form/index.vue
index 756bfb42c..a846a6c40 100644
--- a/src/views/bpm/form/index.vue
+++ b/src/views/bpm/form/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:post:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:post:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -30,11 +30,12 @@
   </div>
 </template>
 <script lang="ts" setup name="BpmForm">
+import { deleteForm, getFormPage } from '@/api/bpm/form';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteForm, getFormPage } from '@/api/bpm/form';
+
 import { columns, searchFormSchema } from './form.data';
 
 const { t } = useI18n();
diff --git a/src/views/bpm/group/GroupModal.vue b/src/views/bpm/group/GroupModal.vue
index 47f195970..83932d8f3 100644
--- a/src/views/bpm/group/GroupModal.vue
+++ b/src/views/bpm/group/GroupModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="BpmGroupModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createUserGroup, getUserGroup, updateUserGroup } from '@/api/bpm/userGroup';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './group.data';
-import { createUserGroup, getUserGroup, updateUserGroup } from '@/api/bpm/userGroup';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/bpm/group/group.data.ts b/src/views/bpm/group/group.data.ts
index 3f0454167..eec553ddc 100644
--- a/src/views/bpm/group/group.data.ts
+++ b/src/views/bpm/group/group.data.ts
@@ -1,6 +1,6 @@
+import { getListSimpleUsers } from '@/api/system/user';
 import { BasicColumn, FormSchema, useRender } from '@/components/Table';
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict';
-import { getListSimpleUsers } from '@/api/system/user';
 
 export const columns: BasicColumn[] = [
   {
diff --git a/src/views/bpm/group/index.vue b/src/views/bpm/group/index.vue
index 78fc256a1..24d1d979f 100644
--- a/src/views/bpm/group/index.vue
+++ b/src/views/bpm/group/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:post:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:post:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -31,14 +31,15 @@
   </div>
 </template>
 <script lang="ts" setup name="BpmGroup">
+import { deleteUserGroup, getUserGroupPage } from '@/api/bpm/userGroup';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import GroupModal from './GroupModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteUserGroup, getUserGroupPage } from '@/api/bpm/userGroup';
+
 import { columns, searchFormSchema } from './group.data';
+import GroupModal from './GroupModal.vue';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/bpm/model/ModelModal.vue b/src/views/bpm/model/ModelModal.vue
index f58eff812..6e6ac08df 100644
--- a/src/views/bpm/model/ModelModal.vue
+++ b/src/views/bpm/model/ModelModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="BpmModelModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createModel, getModel, updateModel } from '@/api/bpm/model';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './model.data';
-import { createModel, getModel, updateModel } from '@/api/bpm/model';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/bpm/model/index.vue b/src/views/bpm/model/index.vue
index 9385166bf..070e7f06e 100644
--- a/src/views/bpm/model/index.vue
+++ b/src/views/bpm/model/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:post:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:post:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -31,14 +31,15 @@
   </div>
 </template>
 <script lang="ts" setup name="BpmModel">
+import { deleteModel, getModelPage } from '@/api/bpm/model';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import ModelModal from './ModelModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteModel, getModelPage } from '@/api/bpm/model';
+
 import { columns, searchFormSchema } from './model.data';
+import ModelModal from './ModelModal.vue';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/bpm/oa/leave/index.vue b/src/views/bpm/oa/leave/index.vue
index c324010c5..44e332432 100644
--- a/src/views/bpm/oa/leave/index.vue
+++ b/src/views/bpm/oa/leave/index.vue
@@ -4,9 +4,10 @@
   </div>
 </template>
 <script lang="ts" setup name="BpmLeave">
-import { useI18n } from '@/hooks/web/useI18n';
-import { BasicTable, useTable } from '@/components/Table';
 import { getLeavePage } from '@/api/bpm/leave';
+import { BasicTable, useTable } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+
 import { columns, searchFormSchema } from './leave.data';
 
 const { t } = useI18n();
diff --git a/src/views/bpm/task/done/index.vue b/src/views/bpm/task/done/index.vue
index b29f0c7f3..63d50f323 100644
--- a/src/views/bpm/task/done/index.vue
+++ b/src/views/bpm/task/done/index.vue
@@ -4,9 +4,10 @@
   </div>
 </template>
 <script lang="ts" setup name="BpmDone">
-import { useI18n } from '@/hooks/web/useI18n';
-import { BasicTable, useTable } from '@/components/Table';
 import { getDoneTaskPage } from '@/api/bpm/task';
+import { BasicTable, useTable } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+
 import { columns, searchFormSchema } from './done.data';
 
 const { t } = useI18n();
diff --git a/src/views/bpm/task/todo/index.vue b/src/views/bpm/task/todo/index.vue
index 9cf5a95a3..ea3eb087a 100644
--- a/src/views/bpm/task/todo/index.vue
+++ b/src/views/bpm/task/todo/index.vue
@@ -4,9 +4,10 @@
   </div>
 </template>
 <script lang="ts" setup name="BpmTodo">
-import { useI18n } from '@/hooks/web/useI18n';
-import { BasicTable, useTable } from '@/components/Table';
 import { getTodoTaskPage } from '@/api/bpm/task';
+import { BasicTable, useTable } from '@/components/Table';
+import { useI18n } from '@/hooks/web/useI18n';
+
 import { columns, searchFormSchema } from './todo.data';
 
 const { t } = useI18n();
diff --git a/src/views/dashboard/analysis/components/GrowCard.vue b/src/views/dashboard/analysis/components/GrowCard.vue
index 1b6de6210..26ed7a76a 100644
--- a/src/views/dashboard/analysis/components/GrowCard.vue
+++ b/src/views/dashboard/analysis/components/GrowCard.vue
@@ -25,9 +25,11 @@
   </div>
 </template>
 <script lang="ts" setup>
+import { Card, Tag } from 'ant-design-vue';
+
 import { CountTo } from '@/components/CountTo';
 import { Icon } from '@/components/Icon';
-import { Tag, Card } from 'ant-design-vue';
+
 import { growCardList } from '../data';
 
 defineProps({
diff --git a/src/views/dashboard/analysis/components/SalesProductPie.vue b/src/views/dashboard/analysis/components/SalesProductPie.vue
index 5d4d54e07..d57e7f83e 100644
--- a/src/views/dashboard/analysis/components/SalesProductPie.vue
+++ b/src/views/dashboard/analysis/components/SalesProductPie.vue
@@ -4,8 +4,9 @@
   </Card>
 </template>
 <script lang="ts" setup>
-import { Ref, ref, watch } from 'vue';
 import { Card } from 'ant-design-vue';
+import { Ref, ref, watch } from 'vue';
+
 import { useECharts } from '@/hooks/web/useECharts';
 import { propTypes } from '@/utils/propTypes';
 
@@ -47,7 +48,7 @@ watch(
           roseType: 'radius',
           animationType: 'scale',
           animationEasing: 'exponentialInOut',
-          animationDelay: function () {
+          animationDelay() {
             return Math.random() * 400;
           },
         },
diff --git a/src/views/dashboard/analysis/components/SiteAnalysis.vue b/src/views/dashboard/analysis/components/SiteAnalysis.vue
index 66488f5f2..97aed8952 100644
--- a/src/views/dashboard/analysis/components/SiteAnalysis.vue
+++ b/src/views/dashboard/analysis/components/SiteAnalysis.vue
@@ -9,8 +9,9 @@
   </Card>
 </template>
 <script lang="ts" setup>
-import { ref } from 'vue';
 import { Card } from 'ant-design-vue';
+import { ref } from 'vue';
+
 import VisitAnalysis from './VisitAnalysis.vue';
 import VisitAnalysisBar from './VisitAnalysisBar.vue';
 
diff --git a/src/views/dashboard/analysis/components/VisitAnalysis.vue b/src/views/dashboard/analysis/components/VisitAnalysis.vue
index 549ee10f3..47e40023f 100644
--- a/src/views/dashboard/analysis/components/VisitAnalysis.vue
+++ b/src/views/dashboard/analysis/components/VisitAnalysis.vue
@@ -2,10 +2,12 @@
   <div ref="chartRef" :style="{ height, width }"></div>
 </template>
 <script lang="ts" setup>
-import { basicProps } from './props';
-import { onMounted, ref, Ref } from 'vue';
+import { onMounted, Ref, ref } from 'vue';
+
 import { useECharts } from '@/hooks/web/useECharts';
 
+import { basicProps } from './props';
+
 defineProps({
   ...basicProps,
 });
diff --git a/src/views/dashboard/analysis/components/VisitAnalysisBar.vue b/src/views/dashboard/analysis/components/VisitAnalysisBar.vue
index 3e21a2e09..cf9bc4730 100644
--- a/src/views/dashboard/analysis/components/VisitAnalysisBar.vue
+++ b/src/views/dashboard/analysis/components/VisitAnalysisBar.vue
@@ -2,10 +2,12 @@
   <div ref="chartRef" :style="{ height, width }"></div>
 </template>
 <script lang="ts" setup>
-import { basicProps } from './props';
-import { onMounted, ref, Ref } from 'vue';
+import { onMounted, Ref, ref } from 'vue';
+
 import { useECharts } from '@/hooks/web/useECharts';
 
+import { basicProps } from './props';
+
 defineProps({
   ...basicProps,
 });
diff --git a/src/views/dashboard/analysis/components/VisitRadar.vue b/src/views/dashboard/analysis/components/VisitRadar.vue
index 1a841387e..a8893b388 100644
--- a/src/views/dashboard/analysis/components/VisitRadar.vue
+++ b/src/views/dashboard/analysis/components/VisitRadar.vue
@@ -4,8 +4,9 @@
   </Card>
 </template>
 <script lang="ts" setup>
-import { Ref, ref, watch } from 'vue';
 import { Card } from 'ant-design-vue';
+import { Ref, ref, watch } from 'vue';
+
 import { useECharts } from '@/hooks/web/useECharts';
 import { propTypes } from '@/utils/propTypes';
 
diff --git a/src/views/dashboard/analysis/components/VisitSource.vue b/src/views/dashboard/analysis/components/VisitSource.vue
index 306596043..019212ad8 100644
--- a/src/views/dashboard/analysis/components/VisitSource.vue
+++ b/src/views/dashboard/analysis/components/VisitSource.vue
@@ -4,10 +4,12 @@
   </Card>
 </template>
 <script lang="ts" setup>
-import { Ref, ref, watch } from 'vue';
 import { Card } from 'ant-design-vue';
+import { Ref, ref, watch } from 'vue';
+
 import { useECharts } from '@/hooks/web/useECharts';
 import { propTypes } from '@/utils/propTypes';
+
 const props = defineProps({
   loading: Boolean,
   width: propTypes.string.def('100%'),
diff --git a/src/views/dashboard/analysis/index.vue b/src/views/dashboard/analysis/index.vue
index 328df3c6f..b8cbb4e29 100644
--- a/src/views/dashboard/analysis/index.vue
+++ b/src/views/dashboard/analysis/index.vue
@@ -11,11 +11,12 @@
 </template>
 <script lang="ts" setup>
 import { ref } from 'vue';
+
 import GrowCard from './components/GrowCard.vue';
-import SiteAnalysis from './components/SiteAnalysis.vue';
-import VisitSource from './components/VisitSource.vue';
-import VisitRadar from './components/VisitRadar.vue';
 import SalesProductPie from './components/SalesProductPie.vue';
+import SiteAnalysis from './components/SiteAnalysis.vue';
+import VisitRadar from './components/VisitRadar.vue';
+import VisitSource from './components/VisitSource.vue';
 
 const loading = ref(true);
 
diff --git a/src/views/dashboard/workbench/components/DynamicInfo.vue b/src/views/dashboard/workbench/components/DynamicInfo.vue
index 22aa2d7e0..bb2b5fd61 100644
--- a/src/views/dashboard/workbench/components/DynamicInfo.vue
+++ b/src/views/dashboard/workbench/components/DynamicInfo.vue
@@ -23,9 +23,11 @@
 </template>
 <script lang="ts" setup>
 import { Card, List } from 'ant-design-vue';
-import { dynamicInfoItems } from './data';
+
 import { Icon } from '@/components/Icon';
 
+import { dynamicInfoItems } from './data';
+
 const ListItem = List.Item;
 const ListItemMeta = List.Item.Meta;
 </script>
diff --git a/src/views/dashboard/workbench/components/ProjectCard.vue b/src/views/dashboard/workbench/components/ProjectCard.vue
index e4b95eafc..d731854fb 100644
--- a/src/views/dashboard/workbench/components/ProjectCard.vue
+++ b/src/views/dashboard/workbench/components/ProjectCard.vue
@@ -19,6 +19,8 @@
 </template>
 <script lang="ts" setup>
 import { Card, CardGrid } from 'ant-design-vue';
+
 import { Icon } from '@/components/Icon';
+
 import { groupItems } from './data';
 </script>
diff --git a/src/views/dashboard/workbench/components/QuickNav.vue b/src/views/dashboard/workbench/components/QuickNav.vue
index c1297ca7f..b77eedfd4 100644
--- a/src/views/dashboard/workbench/components/QuickNav.vue
+++ b/src/views/dashboard/workbench/components/QuickNav.vue
@@ -10,6 +10,8 @@
 </template>
 <script lang="ts" setup>
 import { Card, CardGrid } from 'ant-design-vue';
-import { navItems } from './data';
+
 import { Icon } from '@/components/Icon';
+
+import { navItems } from './data';
 </script>
diff --git a/src/views/dashboard/workbench/components/SaleRadar.vue b/src/views/dashboard/workbench/components/SaleRadar.vue
index 0ee10df22..04532d961 100644
--- a/src/views/dashboard/workbench/components/SaleRadar.vue
+++ b/src/views/dashboard/workbench/components/SaleRadar.vue
@@ -4,8 +4,9 @@
   </Card>
 </template>
 <script lang="ts" setup>
-import { Ref, ref, watch } from 'vue';
 import { Card } from 'ant-design-vue';
+import { Ref, ref, watch } from 'vue';
+
 import { useECharts } from '@/hooks/web/useECharts';
 import { propTypes } from '@/utils/propTypes';
 
diff --git a/src/views/dashboard/workbench/components/WorkbenchHeader.vue b/src/views/dashboard/workbench/components/WorkbenchHeader.vue
index e5fdb9f3d..26236b1cb 100644
--- a/src/views/dashboard/workbench/components/WorkbenchHeader.vue
+++ b/src/views/dashboard/workbench/components/WorkbenchHeader.vue
@@ -23,10 +23,11 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { computed } from 'vue';
 import { Avatar } from 'ant-design-vue';
-import { useUserStore } from '@/store/modules/user';
+import { computed } from 'vue';
+
 import headerImg from '@/assets/images/header.jpg';
+import { useUserStore } from '@/store/modules/user';
 
 const userStore = useUserStore();
 const userinfo = computed(() => userStore.getUserInfo);
diff --git a/src/views/dashboard/workbench/index.vue b/src/views/dashboard/workbench/index.vue
index effd1c598..3a5b8106d 100644
--- a/src/views/dashboard/workbench/index.vue
+++ b/src/views/dashboard/workbench/index.vue
@@ -19,14 +19,16 @@
   </PageWrapper>
 </template>
 <script lang="ts" setup>
-import { ref } from 'vue';
 import { Card } from 'ant-design-vue';
+import { ref } from 'vue';
+
 import { PageWrapper } from '@/components/Page';
-import WorkbenchHeader from './components/WorkbenchHeader.vue';
+
+import DynamicInfo from './components/DynamicInfo.vue';
 import ProjectCard from './components/ProjectCard.vue';
 import QuickNav from './components/QuickNav.vue';
-import DynamicInfo from './components/DynamicInfo.vue';
 import SaleRadar from './components/SaleRadar.vue';
+import WorkbenchHeader from './components/WorkbenchHeader.vue';
 
 const loading = ref(true);
 
diff --git a/src/views/infra/apiAccessLog/index.vue b/src/views/infra/apiAccessLog/index.vue
index 6384a3c94..d54969496 100644
--- a/src/views/infra/apiAccessLog/index.vue
+++ b/src/views/infra/apiAccessLog/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="warning" v-auth="['infra:api-access-log:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['infra:api-access-log:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -10,11 +10,12 @@
   </div>
 </template>
 <script lang="ts" setup name="InfraApiErrorLog">
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+import { ApiAccessLogExportReqVO, exportApiAccessLog, getApiAccessLogPage } from '@/api/infra/apiAccessLog';
 import { BasicTable, useTable } from '@/components/Table';
 import { IconEnum } from '@/enums/appEnum';
-import { getApiAccessLogPage, exportApiAccessLog, ApiAccessLogExportReqVO } from '@/api/infra/apiAccessLog';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { columns, searchFormSchema } from './apiAccessLog.data';
 
 const { t } = useI18n();
diff --git a/src/views/infra/apiErrorLog/index.vue b/src/views/infra/apiErrorLog/index.vue
index 436e398a6..7262a1f42 100644
--- a/src/views/infra/apiErrorLog/index.vue
+++ b/src/views/infra/apiErrorLog/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="warning" v-auth="['infra:api-error-log:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['infra:api-error-log:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -32,12 +32,13 @@
   </div>
 </template>
 <script lang="ts" setup name="InfraApiErrorLog">
-import { useI18n } from '@/hooks/web/useI18n';
+import { ApiErrorLogExportReqVO, exportApiErrorLog, getApiErrorLogPage, updateApiErrorLogProcess } from '@/api/infra/apiErrorLog';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
 import { IconEnum } from '@/enums/appEnum';
 import { InfraApiErrorLogProcessStatusEnum } from '@/enums/systemEnum';
+import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { updateApiErrorLogProcess, getApiErrorLogPage, exportApiErrorLog, ApiErrorLogExportReqVO } from '@/api/infra/apiErrorLog';
+
 import { columns, searchFormSchema } from './apiErrorLog.data';
 
 const { t } = useI18n();
diff --git a/src/views/infra/build/index.vue b/src/views/infra/build/index.vue
index fddeb087e..7232463c7 100644
--- a/src/views/infra/build/index.vue
+++ b/src/views/infra/build/index.vue
@@ -5,6 +5,6 @@
 </template>
 
 <script lang="ts" setup>
-import { PageWrapper } from '@/components/Page';
 import { VFormDesign } from '@/components/FormDesign';
+import { PageWrapper } from '@/components/Page';
 </script>
diff --git a/src/views/infra/codegen/EditTable.vue b/src/views/infra/codegen/EditTable.vue
index 2fe2ceb12..ab6fadce8 100644
--- a/src/views/infra/codegen/EditTable.vue
+++ b/src/views/infra/codegen/EditTable.vue
@@ -9,27 +9,29 @@
     </div>
 
     <div class="m-5">
-      <BasicInfoForm :basicInfo="basicInfo" @next="handleStep1Next" v-show="current === 0" />
+      <BasicInfoForm v-show="current === 0" :basicInfo="basicInfo" @next="handleStep1Next" />
       <CloumInfoForm
+        v-show="current === 1"
+        v-if="state.initSetp2"
         :columnsInfo="columnsInfo"
         @prev="handleStepPrev"
         @next="handleStep2Next"
-        v-show="current === 1"
-        v-if="state.initSetp2"
       />
-      <FinishForm v-show="current === 2" @redo="handleRedo" v-if="state.initSetp3" />
+      <FinishForm v-show="current === 2" v-if="state.initSetp3" @redo="handleRedo" />
     </div>
   </PageWrapper>
 </template>
 <script lang="ts" setup>
-import { ref, reactive, onMounted } from 'vue';
 import { Steps } from 'ant-design-vue';
+import { onMounted, reactive, ref } from 'vue';
+import { useRoute } from 'vue-router';
+
+import { getCodegenTable, updateCodegenTable } from '@/api/infra/codegen';
 import { PageWrapper } from '@/components/Page';
+
 import BasicInfoForm from './components/BasicInfoForm.vue';
 import CloumInfoForm from './components/CloumInfoForm.vue';
 import FinishForm from './components/FinishForm.vue';
-import { useRoute } from 'vue-router';
-import { getCodegenTable, updateCodegenTable } from '@/api/infra/codegen';
 
 const Step = Steps.Step;
 
diff --git a/src/views/infra/codegen/components/BasicInfoForm.vue b/src/views/infra/codegen/components/BasicInfoForm.vue
index 7066be7e2..fbf043122 100644
--- a/src/views/infra/codegen/components/BasicInfoForm.vue
+++ b/src/views/infra/codegen/components/BasicInfoForm.vue
@@ -13,11 +13,13 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { BasicForm, useForm } from '@/components/Form';
-import { basicInfoSchemas } from './data';
 import { Divider } from 'ant-design-vue';
 import { watch } from 'vue';
+
 import { CodegenTableVO } from '@/api/infra/codegen/types';
+import { BasicForm, useForm } from '@/components/Form';
+
+import { basicInfoSchemas } from './data';
 
 const emit = defineEmits(['next']);
 
diff --git a/src/views/infra/codegen/components/CloumInfoForm.vue b/src/views/infra/codegen/components/CloumInfoForm.vue
index 8f6d19555..41944a1cd 100644
--- a/src/views/infra/codegen/components/CloumInfoForm.vue
+++ b/src/views/infra/codegen/components/CloumInfoForm.vue
@@ -14,10 +14,12 @@
   </div>
 </template>
 <script lang="ts" setup>
-import { BasicTable, EditRecordRow, useTable } from '@/components/Table';
-import { columns } from './data';
 import { Divider } from 'ant-design-vue';
+
 import { CodegenColumnVO } from '@/api/infra/codegen/types';
+import { BasicTable, EditRecordRow, useTable } from '@/components/Table';
+
+import { columns } from './data';
 
 const emit = defineEmits(['next', 'prev']);
 
diff --git a/src/views/infra/codegen/components/FinishForm.vue b/src/views/infra/codegen/components/FinishForm.vue
index 9b1645771..8b0216a47 100644
--- a/src/views/infra/codegen/components/FinishForm.vue
+++ b/src/views/infra/codegen/components/FinishForm.vue
@@ -13,13 +13,15 @@
 <script lang="ts" setup>
 import { Result } from 'ant-design-vue';
 import { useRoute } from 'vue-router';
-import { useModal } from '@/components/Modal';
-import { useGo } from '@/hooks/web/usePage';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useTabs } from '@/hooks/web/useTabs';
-import { useMessage } from '@/hooks/web/useMessage';
-import PreviewModal from './PreviewModal.vue';
+
 import { downloadCodegen, getCodegenTable } from '@/api/infra/codegen';
+import { useModal } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+import { useGo } from '@/hooks/web/usePage';
+import { useTabs } from '@/hooks/web/useTabs';
+
+import PreviewModal from './PreviewModal.vue';
 
 const go = useGo();
 const { closeCurrent } = useTabs();
diff --git a/src/views/infra/codegen/components/ImportTableModal.vue b/src/views/infra/codegen/components/ImportTableModal.vue
index 52491de0a..1a70c82a2 100644
--- a/src/views/infra/codegen/components/ImportTableModal.vue
+++ b/src/views/infra/codegen/components/ImportTableModal.vue
@@ -1,13 +1,14 @@
 <template>
-  <BasicModal v-bind="$attrs" :width="800" @register="registerModal" title="导入" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :width="800" title="导入" @register="registerModal" @ok="handleSubmit">
     <BasicTable @register="registerTable" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="InfraImportTableModal">
+import { createCodegenList, getSchemaTableList } from '@/api/infra/codegen';
 import { BasicModal, useModalInner } from '@/components/Modal';
 import { BasicTable, useTable } from '@/components/Table';
+
 import { importTableColumns, importTableSearchFormSchema } from '../codegen.data';
-import { createCodegenList, getSchemaTableList } from '@/api/infra/codegen';
 
 const emit = defineEmits(['success', 'register']);
 
diff --git a/src/views/infra/codegen/components/PreviewModal.vue b/src/views/infra/codegen/components/PreviewModal.vue
index e00fc251f..32350226e 100644
--- a/src/views/infra/codegen/components/PreviewModal.vue
+++ b/src/views/infra/codegen/components/PreviewModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <BasicModal v-bind="$attrs" :defaultFullscreen="true" @register="registerModal" title="预览代码">
+  <BasicModal v-bind="$attrs" :defaultFullscreen="true" title="预览代码" @register="registerModal">
     <div class="flex">
       <Card class="w-1/4">
         <BasicTree
@@ -24,15 +24,16 @@
   </BasicModal>
 </template>
 <script lang="ts" setup name="InfraPreviewModal">
-import { ref, unref } from 'vue';
+import { useClipboard } from '@vueuse/core';
 import { Card, Tabs } from 'ant-design-vue';
-import { BasicTree } from '@/components/Tree';
-import { BasicModal, useModalInner } from '@/components/Modal';
+import { ref, unref } from 'vue';
+
 import { previewCodegen } from '@/api/infra/codegen';
 import { CodegenPreviewVO } from '@/api/infra/codegen/types';
-import { handleTree2 } from '@/utils/tree';
-import { useClipboard } from '@vueuse/core';
+import { BasicModal, useModalInner } from '@/components/Modal';
+import { BasicTree } from '@/components/Tree';
 import { useMessage } from '@/hooks/web/useMessage';
+import { handleTree2 } from '@/utils/tree';
 
 const TabPane = Tabs.TabPane;
 
diff --git a/src/views/infra/codegen/components/data.ts b/src/views/infra/codegen/components/data.ts
index d4244c39a..098605eea 100644
--- a/src/views/infra/codegen/components/data.ts
+++ b/src/views/infra/codegen/components/data.ts
@@ -2,7 +2,7 @@ import { listSimpleDictType } from '@/api/system/dict/type';
 import { listSimpleMenus } from '@/api/system/menu';
 import { FormSchema } from '@/components/Form';
 import { BasicColumn } from '@/components/Table';
-import { getIntDictOptions, DICT_TYPE } from '@/utils/dict';
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict';
 
 async function getDictTypeOptions() {
   const dictTypeOptions: any[] = [];
diff --git a/src/views/infra/codegen/index.vue b/src/views/infra/codegen/index.vue
index cf4489746..cc557f7a9 100644
--- a/src/views/infra/codegen/index.vue
+++ b/src/views/infra/codegen/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['infra:codegen:create']" :preIcon="IconEnum.IMPORT" @click="openImportTableModal(true)">
+        <a-button v-auth="['infra:codegen:create']" type="primary" :preIcon="IconEnum.IMPORT" @click="openImportTableModal(true)">
           {{ t('action.import') }}
         </a-button>
       </template>
@@ -44,16 +44,17 @@
   </div>
 </template>
 <script lang="ts" setup name="InfraCodegen">
-import { useGo } from '@/hooks/web/usePage';
+import { deleteCodegenTable, downloadCodegen, getCodegenTablePage, syncCodegenFromDB } from '@/api/infra/codegen';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import PreviewModal from './components/PreviewModal.vue';
-import ImportTableModal from './components/ImportTableModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteCodegenTable, downloadCodegen, getCodegenTablePage, syncCodegenFromDB } from '@/api/infra/codegen';
+import { useGo } from '@/hooks/web/usePage';
+
 import { columns, searchFormSchema } from './codegen.data';
+import ImportTableModal from './components/ImportTableModal.vue';
+import PreviewModal from './components/PreviewModal.vue';
 
 const go = useGo();
 const { t } = useI18n();
diff --git a/src/views/infra/config/ConfigModal.vue b/src/views/infra/config/ConfigModal.vue
index d51b03282..cfc97ebcf 100644
--- a/src/views/infra/config/ConfigModal.vue
+++ b/src/views/infra/config/ConfigModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="InfraConfigModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createConfig, getConfig, updateConfig } from '@/api/infra/config';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './config.data';
-import { createConfig, getConfig, updateConfig } from '@/api/infra/config';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/infra/config/index.vue b/src/views/infra/config/index.vue
index 50950dbb8..1b28760ed 100644
--- a/src/views/infra/config/index.vue
+++ b/src/views/infra/config/index.vue
@@ -2,10 +2,10 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['infra:config:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['infra:config:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
-        <a-button type="warning" v-auth="['infra:config:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['infra:config:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -34,14 +34,15 @@
   </div>
 </template>
 <script lang="ts" setup name="InfraConfig">
+import { ConfigExportReqVO, deleteConfig, exportConfig, getConfigPage } from '@/api/infra/config';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import ConfigModal from './ConfigModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { getConfigPage, deleteConfig, exportConfig, ConfigExportReqVO } from '@/api/infra/config';
+
 import { columns, searchFormSchema } from './config.data';
+import ConfigModal from './ConfigModal.vue';
 
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
diff --git a/src/views/infra/dataSourceConfig/DataSourceConfigModal.vue b/src/views/infra/dataSourceConfig/DataSourceConfigModal.vue
index e7d472562..a4013e0f9 100644
--- a/src/views/infra/dataSourceConfig/DataSourceConfigModal.vue
+++ b/src/views/infra/dataSourceConfig/DataSourceConfigModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="InfraDataSourceConfigModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createDataSourceConfig, getDataSourceConfig, updateDataSourceConfig } from '@/api/infra/dataSourceConfig';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './dataSourceConfig.data';
-import { createDataSourceConfig, getDataSourceConfig, updateDataSourceConfig } from '@/api/infra/dataSourceConfig';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/infra/dataSourceConfig/index.vue b/src/views/infra/dataSourceConfig/index.vue
index ecb5d36d0..2265135d3 100644
--- a/src/views/infra/dataSourceConfig/index.vue
+++ b/src/views/infra/dataSourceConfig/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['infra:data-source-config:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['infra:data-source-config:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -38,14 +38,15 @@
   </div>
 </template>
 <script lang="ts" setup name="InfraDataSourceConfig">
+import { deleteDataSourceConfig, getDataSourceConfigList } from '@/api/infra/dataSourceConfig';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import DataSourceConfigModal from './DataSourceConfigModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteDataSourceConfig, getDataSourceConfigList } from '@/api/infra/dataSourceConfig';
+
 import { columns } from './dataSourceConfig.data';
+import DataSourceConfigModal from './DataSourceConfigModal.vue';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/infra/dbDoc/index.vue b/src/views/infra/dbDoc/index.vue
index c32c08d2d..932ccdd9a 100644
--- a/src/views/infra/dbDoc/index.vue
+++ b/src/views/infra/dbDoc/index.vue
@@ -9,11 +9,12 @@
   </PageWrapper>
 </template>
 <script setup lang="ts" name="InfraDbDoc">
-import { PageWrapper } from '@/components/Page';
 import { onMounted, ref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { IFrame } from '@/components/IFrame';
+
 import * as DbDocApi from '@/api/infra/dbDoc';
+import { IFrame } from '@/components/IFrame';
+import { PageWrapper } from '@/components/Page';
+import { useI18n } from '@/hooks/web/useI18n';
 import { downloadByData } from '@/utils/file/download';
 
 const { t } = useI18n();
diff --git a/src/views/infra/druid/index.vue b/src/views/infra/druid/index.vue
index 2ea663b02..45b28f6b1 100644
--- a/src/views/infra/druid/index.vue
+++ b/src/views/infra/druid/index.vue
@@ -5,6 +5,7 @@
 </template>
 <script setup lang="ts" name="InfraDruid">
 import { ref } from 'vue';
+
 import { IFrame } from '@/components/IFrame';
 
 const src = ref(import.meta.env.VITE_GLOB_BASE_URL + '/druid/index.html');
diff --git a/src/views/infra/file/index.vue b/src/views/infra/file/index.vue
index 19a43870d..2a00f18f3 100644
--- a/src/views/infra/file/index.vue
+++ b/src/views/infra/file/index.vue
@@ -6,11 +6,11 @@
           :maxSize="20"
           :maxNumber="10"
           :emptyHidePreview="true"
-          @change="handleChange"
           :uploadParams="uploadParams"
           :api="uploadApi"
           class="my-5"
           :accept="['image/*']"
+          @change="handleChange"
         />
       </template>
       <template #bodyCell="{ column, record }">
@@ -38,16 +38,18 @@
 </template>
 <script lang="ts" setup name="InfraFile">
 import { ref, unref } from 'vue';
+
+import { uploadApi } from '@/api/base/upload';
+import { deleteFile, getFilePage } from '@/api/infra/file';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { BasicUpload } from '@/components/Upload';
+import { IconEnum } from '@/enums/appEnum';
+import { useCopyToClipboard } from '@/hooks/web/useCopyToClipboard';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useCopyToClipboard } from '@/hooks/web/useCopyToClipboard';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicUpload } from '@/components/Upload';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteFile, getFilePage } from '@/api/infra/file';
-import { columns, searchFormSchema } from './file.data';
 import { getAccessToken, getTenantId } from '@/utils/auth';
-import { uploadApi } from '@/api/base/upload';
+
+import { columns, searchFormSchema } from './file.data';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/infra/fileConfig/FileConfigModal.vue b/src/views/infra/fileConfig/FileConfigModal.vue
index 94ebd72ac..16fd9722f 100644
--- a/src/views/infra/fileConfig/FileConfigModal.vue
+++ b/src/views/infra/fileConfig/FileConfigModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="InfraFileConfigModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createFileConfig, getFileConfig, updateFileConfig } from '@/api/infra/fileConfig';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './ficleConfig.data';
-import { createFileConfig, getFileConfig, updateFileConfig } from '@/api/infra/fileConfig';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/infra/fileConfig/index.vue b/src/views/infra/fileConfig/index.vue
index 45e2f0fed..57783e486 100644
--- a/src/views/infra/fileConfig/index.vue
+++ b/src/views/infra/fileConfig/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['infra:file-config:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['infra:file-config:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -33,14 +33,15 @@
   </div>
 </template>
 <script lang="ts" setup name="InfraFileConfig">
+import { deleteFileConfig, getFileConfigPage, testFileConfig, updateFileConfigMaster } from '@/api/infra/fileConfig';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import FileConfigModal from './FileConfigModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteFileConfig, getFileConfigPage, testFileConfig, updateFileConfigMaster } from '@/api/infra/fileConfig';
+
 import { columns, searchFormSchema } from './ficleConfig.data';
+import FileConfigModal from './FileConfigModal.vue';
 
 const { t } = useI18n();
 const { createConfirm, createMessage, createSuccessModal } = useMessage();
diff --git a/src/views/infra/job/JobModal.vue b/src/views/infra/job/JobModal.vue
index 210cbb924..c63860fd2 100644
--- a/src/views/infra/job/JobModal.vue
+++ b/src/views/infra/job/JobModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="InfraJobModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createJob, getJob, updateJob } from '@/api/infra/job';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './job.data';
-import { createJob, getJob, updateJob } from '@/api/infra/job';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/infra/job/index.vue b/src/views/infra/job/index.vue
index 089bc143c..7df2be060 100644
--- a/src/views/infra/job/index.vue
+++ b/src/views/infra/job/index.vue
@@ -2,10 +2,10 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['infra:job:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['infra:job:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
-        <a-button type="warning" v-auth="['infra:job:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['infra:job:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -39,15 +39,16 @@
   </div>
 </template>
 <script lang="ts" setup name="InfraJob">
+import { deleteJob, exportJob, getJobPage, JobExportReqVO, runJob, updateJobStatus } from '@/api/infra/job';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
+import { InfraJobStatusEnum } from '@/enums/systemEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import JobModal from './JobModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { JobExportReqVO, deleteJob, exportJob, getJobPage, runJob, updateJobStatus } from '@/api/infra/job';
+
 import { columns, searchFormSchema } from './job.data';
-import { InfraJobStatusEnum } from '@/enums/systemEnum';
+import JobModal from './JobModal.vue';
 
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
diff --git a/src/views/infra/redis/components/CommandStats.vue b/src/views/infra/redis/components/CommandStats.vue
index ba14eef4f..cccc5cef4 100644
--- a/src/views/infra/redis/components/CommandStats.vue
+++ b/src/views/infra/redis/components/CommandStats.vue
@@ -4,8 +4,9 @@
   </Card>
 </template>
 <script lang="ts" setup>
-import { Ref, ref, watch } from 'vue';
 import { Card } from 'ant-design-vue';
+import { Ref, ref, watch } from 'vue';
+
 import { useECharts } from '@/hooks/web/useECharts';
 import { propTypes } from '@/utils/propTypes';
 
diff --git a/src/views/infra/redis/components/Memory.vue b/src/views/infra/redis/components/Memory.vue
index 80fe63aa7..9e2a04cde 100644
--- a/src/views/infra/redis/components/Memory.vue
+++ b/src/views/infra/redis/components/Memory.vue
@@ -4,14 +4,15 @@
   </Card>
 </template>
 <script lang="ts" setup>
-import { Ref, ref, watch } from 'vue';
 import { Card } from 'ant-design-vue';
+import { Ref, ref, watch } from 'vue';
+
 import { useECharts } from '@/hooks/web/useECharts';
 import { propTypes } from '@/utils/propTypes';
 
 const props = defineProps({
   loading: Boolean,
-  memoryHuman: String,
+  memoryHuman: propTypes.string.def('0'),
   width: propTypes.string.def('100%'),
   height: propTypes.string.def('300px'),
 });
diff --git a/src/views/infra/redis/components/RedisModal.vue b/src/views/infra/redis/components/RedisModal.vue
index 539e5f15b..db5961493 100644
--- a/src/views/infra/redis/components/RedisModal.vue
+++ b/src/views/infra/redis/components/RedisModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" title="缓存模块">
+  <BasicModal v-bind="$attrs" title="缓存模块" @register="registerModal">
     <List :data-source="listData">
       <template #renderItem="{ item }">
         <ListItem>
@@ -18,12 +18,14 @@
   </BasicModal>
 </template>
 <script lang="ts" setup name="RedisModal">
-import { ref } from 'vue';
 import { List } from 'ant-design-vue';
+import { ref } from 'vue';
+
+import { deleteKey, getKeyList } from '@/api/infra/redis';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+
 import { formSchema } from '../redis.data';
-import { deleteKey, getKeyList } from '@/api/infra/redis';
 
 const ListItem = List.Item;
 const ListItemMeta = List.Item.Meta;
diff --git a/src/views/infra/redis/index.vue b/src/views/infra/redis/index.vue
index b3e2f5c28..49f11fccf 100644
--- a/src/views/infra/redis/index.vue
+++ b/src/views/infra/redis/index.vue
@@ -18,15 +18,17 @@
   </div>
 </template>
 <script lang="ts" setup name="InfraRedis">
-import { ref, onMounted } from 'vue';
-import { useModal } from '@/components/Modal';
-import { Description } from '@/components/Description';
-import { BasicTable, useTable } from '@/components/Table';
-import { baseInfoSchema, tableSchema } from './redis.data';
-import RedisModal from './components/RedisModal.vue';
+import { onMounted, ref } from 'vue';
+
 import { getCache, getKeyDefineList } from '@/api/infra/redis';
+import { Description } from '@/components/Description';
+import { useModal } from '@/components/Modal';
+import { BasicTable, useTable } from '@/components/Table';
 import { createAsyncComponent } from '@/utils/factory/createAsyncComponent';
 
+import RedisModal from './components/RedisModal.vue';
+import { baseInfoSchema, tableSchema } from './redis.data';
+
 const CommandStats = createAsyncComponent(() => import('./components/CommandStats.vue'));
 const Memory = createAsyncComponent(() => import('./components/Memory.vue'));
 
diff --git a/src/views/infra/server/index.vue b/src/views/infra/server/index.vue
index b0e909b2c..70eaeb83b 100644
--- a/src/views/infra/server/index.vue
+++ b/src/views/infra/server/index.vue
@@ -5,6 +5,7 @@
 </template>
 <script setup lang="ts" name="InfraServer">
 import { ref } from 'vue';
+
 import { IFrame } from '@/components/IFrame';
 
 const src = ref(import.meta.env.VITE_GLOB_BASE_URL + '/admin/applications');
diff --git a/src/views/infra/skywalking/index.vue b/src/views/infra/skywalking/index.vue
index 1e6f4a48f..7317b234c 100644
--- a/src/views/infra/skywalking/index.vue
+++ b/src/views/infra/skywalking/index.vue
@@ -5,6 +5,7 @@
 </template>
 <script setup lang="ts" name="InfraSkywalking">
 import { ref } from 'vue';
+
 import { IFrame } from '@/components/IFrame';
 
 const src = ref('http://skywalking.shop.iocoder.cn');
diff --git a/src/views/infra/swagger/index.vue b/src/views/infra/swagger/index.vue
index 337108c1a..07c07c0bd 100644
--- a/src/views/infra/swagger/index.vue
+++ b/src/views/infra/swagger/index.vue
@@ -5,6 +5,7 @@
 </template>
 <script setup lang="ts" name="InfraSwagger">
 import { ref } from 'vue';
+
 import { IFrame } from '@/components/IFrame';
 // knife4j
 // const src = ref(import.meta.env.VITE_GLOB_BASE_URL + '/doc.html')
diff --git a/src/views/infra/webSocket/index.vue b/src/views/infra/webSocket/index.vue
index d676107a2..0bf0d3c9c 100644
--- a/src/views/infra/webSocket/index.vue
+++ b/src/views/infra/webSocket/index.vue
@@ -19,7 +19,7 @@
         <p class="text-lg font-medium mt-4">设置</p>
         <hr class="my-4" />
 
-        <InputTextArea placeholder="需要发送到服务器的内容" :disabled="!getIsOpen" v-model:value="state.sendValue" allowClear />
+        <InputTextArea v-model:value="state.sendValue" placeholder="需要发送到服务器的内容" :disabled="!getIsOpen" allowClear />
 
         <a-button type="primary" block class="mt-4" :disabled="!getIsOpen" @click="handlerSend"> 发送 </a-button>
       </div>
@@ -30,7 +30,7 @@
 
         <div class="max-h-80 overflow-auto">
           <ul>
-            <li v-for="item in getList" class="mt-2" :key="item.time">
+            <li v-for="item in getList" :key="item.time" class="mt-2">
               <div class="flex items-center">
                 <span class="mr-2 text-primary font-medium">收到消息:</span>
                 <span>{{ formatToDateTime(item.time) }}</span>
@@ -46,12 +46,14 @@
   </PageWrapper>
 </template>
 <script lang="ts" setup name="InfraWebSocket">
-import { reactive, watchEffect, computed, ref } from 'vue';
-import { Tag, Input } from 'ant-design-vue';
-import { PageWrapper } from '@/components/Page';
 import { useWebSocket } from '@vueuse/core';
-import { formatToDateTime } from '@/utils/dateUtil';
+import { Input, Tag } from 'ant-design-vue';
+import { computed, reactive, ref, watchEffect } from 'vue';
+
+import { PageWrapper } from '@/components/Page';
 import { useUserStore } from '@/store/modules/user';
+import { formatToDateTime } from '@/utils/dateUtil';
+
 const InputTextArea = Input.TextArea;
 
 const userStore = useUserStore();
diff --git a/src/views/mp/account/AccountModal.vue b/src/views/mp/account/AccountModal.vue
index 72373d83c..36b88950d 100644
--- a/src/views/mp/account/AccountModal.vue
+++ b/src/views/mp/account/AccountModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="MpAccountModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createAccount, getAccount, updateAccount } from '@/api/mp/account';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './account.data';
-import { createAccount, getAccount, updateAccount } from '@/api/mp/account';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/mp/account/index.vue b/src/views/mp/account/index.vue
index b228cca31..b84904a82 100644
--- a/src/views/mp/account/index.vue
+++ b/src/views/mp/account/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['mp:account:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['mp:account:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -43,14 +43,15 @@
   </div>
 </template>
 <script lang="ts" setup name="MpAccount">
+import { clearAccountQuota, deleteAccount, generateAccountQrCode, getAccountPage } from '@/api/mp/account';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import AccountModal from './AccountModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { clearAccountQuota, deleteAccount, generateAccountQrCode, getAccountPage } from '@/api/mp/account';
+
 import { columns, searchFormSchema } from './account.data';
+import AccountModal from './AccountModal.vue';
 
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
diff --git a/src/views/mp/components/WxAccountSelect/index.vue b/src/views/mp/components/WxAccountSelect/index.vue
index b34a2f5c2..ca0d3c96d 100644
--- a/src/views/mp/components/WxAccountSelect/index.vue
+++ b/src/views/mp/components/WxAccountSelect/index.vue
@@ -5,9 +5,10 @@
 </template>
 <script lang="ts" setup name="WxAccountSelect">
 import { Select } from 'ant-design-vue';
-import { AccountVO, getSimpleAccounts } from '@/api/mp/account';
 import { onMounted, reactive, ref } from 'vue';
 
+import { AccountVO, getSimpleAccounts } from '@/api/mp/account';
+
 const SelectOption = Select.Option;
 const account = reactive<AccountVO>({
   id: undefined,
diff --git a/src/views/mp/components/WxLocation/index.vue b/src/views/mp/components/WxLocation/index.vue
index 9320940e1..da1991ae0 100644
--- a/src/views/mp/components/WxLocation/index.vue
+++ b/src/views/mp/components/WxLocation/index.vue
@@ -33,6 +33,7 @@ import { Image } from 'ant-design-vue';
 </template>
 <script lang="ts" setup name="WxLocation">
 import { Image } from 'ant-design-vue';
+
 import Icon from '@/components/Icon';
 
 const props = defineProps({
diff --git a/src/views/mp/freePublish/index.vue b/src/views/mp/freePublish/index.vue
index ffbb2279d..51679a143 100644
--- a/src/views/mp/freePublish/index.vue
+++ b/src/views/mp/freePublish/index.vue
@@ -4,7 +4,7 @@
       请选择公众号
       <div :class="`${prefixCls}__link`">
         <Select :value="queryParams.accountId" style="width: 200px" @change="getList">
-          <SelectOption v-for="item in accounts" :label="item.name" :value="parseInt(item.id)" :key="parseInt(item.id)" />
+          <SelectOption v-for="item in accounts" :key="parseInt(item.id)" :label="item.name" :value="parseInt(item.id)" />
         </Select>
         <!-- <a><Icon icon="bx:bx-paper-plane" color="#1890ff" /><span>开始</span></a>
         <a><Icon icon="carbon:warning" color="#1890ff" /><span>简介</span></a>
@@ -20,7 +20,7 @@
               <List>
                 <template v-for="(article, index) in item.content.newsItem" :key="index">
                   <ListItem>
-                    <Image :src="article.picUrl" :key="index" />
+                    <Image :key="index" :src="article.picUrl" />
                     <div :class="`${prefixCls}__card-title`">
                       {{ article.title }}
                     </div>
@@ -43,13 +43,14 @@
 </template>
 <script lang="ts" setup>
 // import Icon from '@/components/Icon'
-import { PageWrapper } from '@/components/Page';
-import { Card, List, Image, Select, Pagination } from 'ant-design-vue';
-import { useDesign } from '@/hooks/web/useDesign';
-import { ref, reactive, onMounted } from 'vue';
+import { Card, Image, List, Pagination, Select } from 'ant-design-vue';
+import { onMounted, reactive, ref } from 'vue';
+
 import { getSimpleAccounts } from '@/api/mp/account';
-import { useMessage } from '@/hooks/web/useMessage';
 import { getFreePublishPage } from '@/api/mp/freePublish';
+import { PageWrapper } from '@/components/Page';
+import { useDesign } from '@/hooks/web/useDesign';
+import { useMessage } from '@/hooks/web/useMessage';
 
 const ListItem = List.Item;
 const SelectOption = Select.Option;
diff --git a/src/views/mp/message/MessageModal.vue b/src/views/mp/message/MessageModal.vue
index d86891ae6..b46b86774 100644
--- a/src/views/mp/message/MessageModal.vue
+++ b/src/views/mp/message/MessageModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" title="发送消息" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" title="发送消息" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="MpMessageModal">
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+import { ref } from 'vue';
+
+import { sendMessage } from '@/api/mp/message';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './message.data';
-import { sendMessage } from '@/api/mp/message';
-import { ref } from 'vue';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/mp/message/index.vue b/src/views/mp/message/index.vue
index 0e17008de..5025f528a 100644
--- a/src/views/mp/message/index.vue
+++ b/src/views/mp/message/index.vue
@@ -13,13 +13,14 @@
   </div>
 </template>
 <script lang="ts" setup name="MpMessage">
-import { useI18n } from '@/hooks/web/useI18n';
-import { useModal } from '@/components/Modal';
-import AccountModal from './MessageModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
 import { getMessagePage } from '@/api/mp/message';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
+import { useI18n } from '@/hooks/web/useI18n';
+
 import { columns, searchFormSchema } from './message.data';
+import AccountModal from './MessageModal.vue';
 
 const { t } = useI18n();
 const [registerModal, { openModal }] = useModal();
diff --git a/src/views/mp/message/message.data.ts b/src/views/mp/message/message.data.ts
index 49e0c2cde..60efef6fa 100644
--- a/src/views/mp/message/message.data.ts
+++ b/src/views/mp/message/message.data.ts
@@ -1,7 +1,6 @@
-import { getStrDictOptions } from '@/utils/dict';
-import { BasicColumn, FormSchema, useRender } from '@/components/Table';
-import { DICT_TYPE } from '@/utils/dict';
 import { getSimpleAccounts } from '@/api/mp/account';
+import { BasicColumn, FormSchema, useRender } from '@/components/Table';
+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict';
 
 export enum MsgType {
   Event = 'event',
diff --git a/src/views/mp/tag/TagModal.vue b/src/views/mp/tag/TagModal.vue
index 0104dd133..525279574 100644
--- a/src/views/mp/tag/TagModal.vue
+++ b/src/views/mp/tag/TagModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="MpTagModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createTag, getTag, updateTag } from '@/api/mp/tag';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './tag.data';
-import { createTag, updateTag, getTag } from '@/api/mp/tag';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/mp/tag/index.vue b/src/views/mp/tag/index.vue
index 193ab51a1..1eb3279ff 100644
--- a/src/views/mp/tag/index.vue
+++ b/src/views/mp/tag/index.vue
@@ -2,10 +2,10 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['mp:tag:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['mp:tag:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
-        <a-button type="warning" v-auth="['mp:tag:sync']" :preIcon="IconEnum.RESET" @click="handleSync">
+        <a-button v-auth="['mp:tag:sync']" type="warning" :preIcon="IconEnum.RESET" @click="handleSync">
           {{ t('action.sync') }}
         </a-button>
       </template>
@@ -34,14 +34,15 @@
   </div>
 </template>
 <script lang="ts" setup name="MpTag">
+import { deleteTag, getTagPage, syncTag } from '@/api/mp/tag';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import TagModal from './TagModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteTag, getTagPage, syncTag } from '@/api/mp/tag';
+
 import { columns, searchFormSchema } from './tag.data';
+import TagModal from './TagModal.vue';
 
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
diff --git a/src/views/mp/user/MpUserModal.vue b/src/views/mp/user/MpUserModal.vue
index 8967a459a..93b5fb222 100644
--- a/src/views/mp/user/MpUserModal.vue
+++ b/src/views/mp/user/MpUserModal.vue
@@ -1,15 +1,16 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" title="编辑" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" title="编辑" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="MpUserModal">
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+import { getUser, updateUser } from '@/api/mp/mpuser';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './mpuser.data';
-import { getUser, updateUser } from '@/api/mp/mpuser';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/mp/user/index.vue b/src/views/mp/user/index.vue
index 1d263ad2d..3d58eab0d 100644
--- a/src/views/mp/user/index.vue
+++ b/src/views/mp/user/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['mp:user:sync']" :preIcon="IconEnum.RESET" @click="handleSync">
+        <a-button v-auth="['mp:user:sync']" type="primary" :preIcon="IconEnum.RESET" @click="handleSync">
           {{ t('action.sync') }}
         </a-button>
       </template>
@@ -18,14 +18,15 @@
   </div>
 </template>
 <script lang="ts" setup name="MpUser">
+import { getUserPage, syncUser } from '@/api/mp/mpuser';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import MpUserModal from './MpUserModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { getUserPage, syncUser } from '@/api/mp/mpuser';
+
 import { columns, searchFormSchema } from './mpuser.data';
+import MpUserModal from './MpUserModal.vue';
 
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
diff --git a/src/views/pay/app/AppModal.vue b/src/views/pay/app/AppModal.vue
index c6d6f0c1c..cf35b40a8 100644
--- a/src/views/pay/app/AppModal.vue
+++ b/src/views/pay/app/AppModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="PayAppModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createApp, getApp, updateApp } from '@/api/pay/app';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './app.data';
-import { createApp, updateApp, getApp } from '@/api/pay/app';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/pay/app/app.data.ts b/src/views/pay/app/app.data.ts
index f02134c0a..f5bc2473e 100644
--- a/src/views/pay/app/app.data.ts
+++ b/src/views/pay/app/app.data.ts
@@ -1,11 +1,12 @@
+import { Switch, Tag } from 'ant-design-vue';
+import { h } from 'vue';
+
 import { changeAppStatus } from '@/api/pay/app';
 import { getMerchantListByName } from '@/api/pay/merchant';
 import { BasicColumn, FormSchema, useRender } from '@/components/Table';
 import { PayChannelEnum } from '@/enums/systemEnum';
 import { useMessage } from '@/hooks/web/useMessage';
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict';
-import { Tag, Switch } from 'ant-design-vue';
-import { h } from 'vue';
 
 export const columns: BasicColumn[] = [
   {
diff --git a/src/views/pay/app/index.vue b/src/views/pay/app/index.vue
index b661e338f..bb29b82c7 100644
--- a/src/views/pay/app/index.vue
+++ b/src/views/pay/app/index.vue
@@ -2,10 +2,10 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['pay:app:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['pay:app:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
-        <a-button type="warning" v-auth="['pay:app:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['pay:app:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -34,14 +34,15 @@
   </div>
 </template>
 <script lang="ts" setup name="PayApp">
+import { AppExportReqVO, deleteApp, exportApp, getAppPage } from '@/api/pay/app';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import AppModal from './AppModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { AppExportReqVO, deleteApp, getAppPage, exportApp } from '@/api/pay/app';
+
 import { columns, searchFormSchema } from './app.data';
+import AppModal from './AppModal.vue';
 
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
diff --git a/src/views/pay/merchant/MerchantModal.vue b/src/views/pay/merchant/MerchantModal.vue
index 784522cad..474f87330 100644
--- a/src/views/pay/merchant/MerchantModal.vue
+++ b/src/views/pay/merchant/MerchantModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="PayMerchantModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createMerchant, getMerchant, updateMerchant } from '@/api/pay/merchant';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './merchant.data';
-import { createMerchant, updateMerchant, getMerchant } from '@/api/pay/merchant';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/pay/merchant/index.vue b/src/views/pay/merchant/index.vue
index f4d22549b..dbe9e1015 100644
--- a/src/views/pay/merchant/index.vue
+++ b/src/views/pay/merchant/index.vue
@@ -2,10 +2,10 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['pay:merchant:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['pay:merchant:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
-        <a-button type="warning" v-auth="['pay:merchant:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['pay:merchant:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -34,14 +34,15 @@
   </div>
 </template>
 <script lang="ts" setup name="PayMerchant">
+import { deleteMerchant, exportMerchant, getMerchantPage, MerchantExportReqVO } from '@/api/pay/merchant';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import MerchantModal from './MerchantModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { MerchantExportReqVO, deleteMerchant, getMerchantPage, exportMerchant } from '@/api/pay/merchant';
+
 import { columns, searchFormSchema } from './merchant.data';
+import MerchantModal from './MerchantModal.vue';
 
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
diff --git a/src/views/pay/merchant/merchant.data.ts b/src/views/pay/merchant/merchant.data.ts
index dcc614d69..88774c67e 100644
--- a/src/views/pay/merchant/merchant.data.ts
+++ b/src/views/pay/merchant/merchant.data.ts
@@ -1,9 +1,10 @@
+import { Switch } from 'ant-design-vue';
+import { h } from 'vue';
+
 import { changeMerchantStatus } from '@/api/pay/merchant';
 import { BasicColumn, FormSchema, useRender } from '@/components/Table';
 import { useMessage } from '@/hooks/web/useMessage';
 import { DICT_TYPE, getIntDictOptions } from '@/utils/dict';
-import { Switch } from 'ant-design-vue';
-import { h } from 'vue';
 
 export const columns: BasicColumn[] = [
   {
diff --git a/src/views/pay/order/OrderModal.vue b/src/views/pay/order/OrderModal.vue
index 619f62307..efb6d425b 100644
--- a/src/views/pay/order/OrderModal.vue
+++ b/src/views/pay/order/OrderModal.vue
@@ -1,14 +1,16 @@
 <template>
-  <BasicModal v-bind="$attrs" width="60%" @register="registerModal" title="查看详情" :showOkBtn="false">
+  <BasicModal v-bind="$attrs" width="60%" title="查看详情" :showOkBtn="false" @register="registerModal">
     <Description :bordered="false" :column="3" :data="refundData" :schema="descSchema" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="PayRefundModal">
 import { ref } from 'vue';
-import { BasicModal, useModalInner } from '@/components/Modal';
-import { Description } from '@/components/Description';
-import { descSchema } from './order.data';
+
 import { getOrderDetail } from '@/api/pay/order';
+import { Description } from '@/components/Description';
+import { BasicModal, useModalInner } from '@/components/Modal';
+
+import { descSchema } from './order.data';
 
 const refundData = ref();
 
diff --git a/src/views/pay/order/index.vue b/src/views/pay/order/index.vue
index 11fe7882f..9fff9023d 100644
--- a/src/views/pay/order/index.vue
+++ b/src/views/pay/order/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="warning" v-auth="['pay:order:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['pay:order:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -20,14 +20,15 @@
   </div>
 </template>
 <script lang="ts" setup name="PayOrder">
+import { exportOrder, getOrderPage, OrderExportReqVO } from '@/api/pay/order';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import OrderModal from './OrderModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { getOrderPage, exportOrder, OrderExportReqVO } from '@/api/pay/order';
+
 import { columns, searchFormSchema } from './order.data';
+import OrderModal from './OrderModal.vue';
 
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
diff --git a/src/views/pay/refund/RefundModal.vue b/src/views/pay/refund/RefundModal.vue
index 8c21f1390..d9f212138 100644
--- a/src/views/pay/refund/RefundModal.vue
+++ b/src/views/pay/refund/RefundModal.vue
@@ -1,14 +1,16 @@
 <template>
-  <BasicModal v-bind="$attrs" width="60%" @register="registerModal" title="查看详情" :showOkBtn="false">
+  <BasicModal v-bind="$attrs" width="60%" title="查看详情" :showOkBtn="false" @register="registerModal">
     <Description :bordered="false" :column="3" :data="refundData" :schema="descSchema" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="PayRefundModal">
 import { ref } from 'vue';
-import { BasicModal, useModalInner } from '@/components/Modal';
-import { Description } from '@/components/Description';
-import { descSchema } from './refund.data';
+
 import { getRefund } from '@/api/pay/refund';
+import { Description } from '@/components/Description';
+import { BasicModal, useModalInner } from '@/components/Modal';
+
+import { descSchema } from './refund.data';
 
 const refundData = ref();
 
diff --git a/src/views/pay/refund/index.vue b/src/views/pay/refund/index.vue
index d70132eac..ad118986e 100644
--- a/src/views/pay/refund/index.vue
+++ b/src/views/pay/refund/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="warning" v-auth="['pay:order:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['pay:order:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -20,14 +20,15 @@
   </div>
 </template>
 <script lang="ts" setup name="PayRefund">
+import { exportRefund, getRefundPage, PayRefundExportReqVO } from '@/api/pay/refund';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import RefundModal from './RefundModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { getRefundPage, exportRefund, PayRefundExportReqVO } from '@/api/pay/refund';
+
 import { columns, searchFormSchema } from './refund.data';
+import RefundModal from './RefundModal.vue';
 
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
diff --git a/src/views/report/goview/index.vue b/src/views/report/goview/index.vue
index 578adaf76..46a8acba1 100644
--- a/src/views/report/goview/index.vue
+++ b/src/views/report/goview/index.vue
@@ -5,6 +5,7 @@
 </template>
 <script setup lang="ts" name="ReportGoview">
 import { ref } from 'vue';
+
 import { IFrame } from '@/components/IFrame';
 
 const src = ref('http://127.0.0.1:3000');
diff --git a/src/views/report/jmreport/index.vue b/src/views/report/jmreport/index.vue
index ebaa116f1..3fe29d567 100644
--- a/src/views/report/jmreport/index.vue
+++ b/src/views/report/jmreport/index.vue
@@ -5,6 +5,7 @@
 </template>
 <script setup lang="ts" name="ReportJmreport">
 import { ref } from 'vue';
+
 import { IFrame } from '@/components/IFrame';
 import { getAccessToken } from '@/utils/auth';
 
diff --git a/src/views/system/area/AreaModal.vue b/src/views/system/area/AreaModal.vue
index 7bc27a313..b3ae63009 100644
--- a/src/views/system/area/AreaModal.vue
+++ b/src/views/system/area/AreaModal.vue
@@ -1,13 +1,14 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" title="IP 查询" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" title="IP 查询" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemAreaModal">
+import { getAreaByIp } from '@/api/system/area';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+
 import { formSchema } from './area.data';
-import { getAreaByIp } from '@/api/system/area';
 
 const [registerForm, { setFieldsValue, resetFields, validate }] = useForm({
   labelWidth: 120,
diff --git a/src/views/system/area/index.vue b/src/views/system/area/index.vue
index 0fd45fbd0..f7cf23bed 100644
--- a/src/views/system/area/index.vue
+++ b/src/views/system/area/index.vue
@@ -9,14 +9,15 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemArea">
-import { useModal } from '@/components/Modal';
-import AreaModal from './AreaModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable } from '@/components/Table';
 import { getAreaTree } from '@/api/system/area';
-import { columns } from './area.data';
+import { useModal } from '@/components/Modal';
+import { BasicTable, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { handleTree } from '@/utils/tree';
 
+import { columns } from './area.data';
+import AreaModal from './AreaModal.vue';
+
 const [registerModal, { openModal }] = useModal();
 
 const [registerTable, { reload }] = useTable({
diff --git a/src/views/system/dept/DeptModal.vue b/src/views/system/dept/DeptModal.vue
index 93a519ffd..7936668be 100644
--- a/src/views/system/dept/DeptModal.vue
+++ b/src/views/system/dept/DeptModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="DeptModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createDept, getDept, updateDept } from '@/api/system/dept';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './dept.data';
-import { createDept, getDept, updateDept } from '@/api/system/dept';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/dept/dept.data.ts b/src/views/system/dept/dept.data.ts
index 1baac7d27..4326352e3 100644
--- a/src/views/system/dept/dept.data.ts
+++ b/src/views/system/dept/dept.data.ts
@@ -126,7 +126,7 @@ export const formSchema: FormSchema[] = [
     required: true,
     rules: [
       {
-        pattern: /^(?:(?:\+|00)86)?1(?:3[\d]|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8[\d]|9[189])\d{8}$/,
+        pattern: /^(?:(?:\+|00)86)?1(?:3\d|4[5-79]|5[0-35-9]|6[5-7]|7[0-8]|8\d|9[189])\d{8}$/,
         message: '请输入正确的手机号码',
         trigger: 'blur',
       },
diff --git a/src/views/system/dept/index.vue b/src/views/system/dept/index.vue
index 981b60fce..62ee9ec77 100644
--- a/src/views/system/dept/index.vue
+++ b/src/views/system/dept/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="register" @fetch-success="onFetchSuccess">
       <template #toolbar>
-        <a-button type="primary" :preIcon="IconEnum.ADD" v-auth="['system:dept:create']" @click="handleCreate">
+        <a-button v-auth="['system:dept:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
         <a-button type="info" @click="expandAll">{{ t('component.tree.expandAll') }}</a-button>
@@ -36,17 +36,19 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemDept">
-import { nextTick, ref, onMounted } from 'vue';
-import { handleTree } from '@/utils/tree';
+import { nextTick, onMounted, ref } from 'vue';
+
+import { deleteDept, getDeptPage } from '@/api/system/dept';
+import { getListSimpleUsers } from '@/api/system/user';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import DeptModal from './DeptModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { getListSimpleUsers } from '@/api/system/user';
-import { deleteDept, getDeptPage } from '@/api/system/dept';
+import { handleTree } from '@/utils/tree';
+
 import { columns, searchFormSchema } from './dept.data';
+import DeptModal from './DeptModal.vue';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/dict/DictData.vue b/src/views/system/dict/DictData.vue
index 74acdac34..776f325ee 100644
--- a/src/views/system/dict/DictData.vue
+++ b/src/views/system/dict/DictData.vue
@@ -1,8 +1,8 @@
 <template>
   <div>
-    <BasicTable @register="registerTable" :searchInfo="searchInfo">
+    <BasicTable :searchInfo="searchInfo" @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:dict:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:dict:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -32,14 +32,16 @@
 </template>
 <script lang="ts" setup name="SystemDictData">
 import { watch } from 'vue';
+
+import { deleteDictData, getDictDataPage } from '@/api/system/dict/data';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import DictDataModal from './DictDataModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
+
 import { dataColumns, dataSearchFormSchema } from './dict.data';
-import { deleteDictData, getDictDataPage } from '@/api/system/dict/data';
+import DictDataModal from './DictDataModal.vue';
 
 const props = defineProps({
   searchInfo: {
diff --git a/src/views/system/dict/DictDataModal.vue b/src/views/system/dict/DictDataModal.vue
index 5c2408d62..03886e6e4 100644
--- a/src/views/system/dict/DictDataModal.vue
+++ b/src/views/system/dict/DictDataModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemDictDataModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createDictData, getDictData, updateDictData } from '@/api/system/dict/data';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { dataFormSchema } from './dict.data';
-import { createDictData, getDictData, updateDictData } from '@/api/system/dict/data';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/dict/DictTypeModal.vue b/src/views/system/dict/DictTypeModal.vue
index 43d9a7465..08a10050a 100644
--- a/src/views/system/dict/DictTypeModal.vue
+++ b/src/views/system/dict/DictTypeModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemDictTypeModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createDictType, getDictType, updateDictType } from '@/api/system/dict/type';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { typeFormSchema } from './dict.type';
-import { createDictType, getDictType, updateDictType } from '@/api/system/dict/type';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/dict/index.vue b/src/views/system/dict/index.vue
index 0b7b3505c..62e6e1026 100644
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="flex">
-    <BasicTable @register="registerTable" class="w-1/2" @row-click="handleRowClick">
+    <BasicTable class="w-1/2" @register="registerTable" @row-click="handleRowClick">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:dict:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:dict:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -33,15 +33,17 @@
 </template>
 <script lang="ts" setup name="SystemDict">
 import { reactive } from 'vue';
+
+import { deleteDictType, getDictTypePage } from '@/api/system/dict/type';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
+
+import { typeColumns, typeSearchFormSchema } from './dict.type';
 import DictData from './DictData.vue';
 import DictTypeModal from './DictTypeModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { typeColumns, typeSearchFormSchema } from './dict.type';
-import { deleteDictType, getDictTypePage } from '@/api/system/dict/type';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/errorCode/ErrorCodeModal.vue b/src/views/system/errorCode/ErrorCodeModal.vue
index ecc4ef324..25dd044e5 100644
--- a/src/views/system/errorCode/ErrorCodeModal.vue
+++ b/src/views/system/errorCode/ErrorCodeModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemErrorCodeModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createErrorCode, getErrorCode, updateErrorCode } from '@/api/system/errorCode';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './errorCode.data';
-import { createErrorCode, getErrorCode, updateErrorCode } from '@/api/system/errorCode';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/errorCode/index.vue b/src/views/system/errorCode/index.vue
index de519c55a..d7d10b7a9 100644
--- a/src/views/system/errorCode/index.vue
+++ b/src/views/system/errorCode/index.vue
@@ -2,10 +2,10 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:error-code:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:error-code:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
-        <a-button type="warning" v-auth="['system:error-code:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['system:error-code:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -34,14 +34,15 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemErrorCode">
+import { deleteErrorCode, ErrorCodePageReqVO, excelErrorCode, getErrorCodePage } from '@/api/system/errorCode';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import ErrorCodeModal from './ErrorCodeModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { ErrorCodePageReqVO, deleteErrorCode, excelErrorCode, getErrorCodePage } from '@/api/system/errorCode';
+
 import { columns, searchFormSchema } from './errorCode.data';
+import ErrorCodeModal from './ErrorCodeModal.vue';
 
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
diff --git a/src/views/system/loginlog/index.vue b/src/views/system/loginlog/index.vue
index d11d10a25..0d473afa9 100644
--- a/src/views/system/loginlog/index.vue
+++ b/src/views/system/loginlog/index.vue
@@ -2,16 +2,17 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="warning" v-auth="['system:login-log:export']" @click="handleExport"> {{ t('action.export') }} </a-button>
+        <a-button v-auth="['system:login-log:export']" type="warning" @click="handleExport"> {{ t('action.export') }} </a-button>
       </template>
     </BasicTable>
   </div>
 </template>
 <script lang="ts" setup name="SystemLoginLog">
+import { exportLoginLog, getLoginLogPage, LoginLogReqVO } from '@/api/system/loginLog';
+import { BasicTable, useTable } from '@/components/Table';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { BasicTable, useTable } from '@/components/Table';
-import { LoginLogReqVO, exportLoginLog, getLoginLogPage } from '@/api/system/loginLog';
+
 import { columns, searchFormSchema } from './loginLog.data';
 
 const { t } = useI18n();
diff --git a/src/views/system/mail/account/AccountModal.vue b/src/views/system/mail/account/AccountModal.vue
index e2ac4a416..8fe2204bd 100644
--- a/src/views/system/mail/account/AccountModal.vue
+++ b/src/views/system/mail/account/AccountModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemMailAccountModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createMailAccount, getMailAccount, updateMailAccount } from '@/api/system/mail/account';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './account.data';
-import { createMailAccount, getMailAccount, updateMailAccount } from '@/api/system/mail/account';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/mail/account/index.vue b/src/views/system/mail/account/index.vue
index 0174ddfaa..4d1297c04 100644
--- a/src/views/system/mail/account/index.vue
+++ b/src/views/system/mail/account/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:mail-account:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:mail-account:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -31,14 +31,15 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemMailAccount">
+import { deleteMailAccount, getMailAccountPage } from '@/api/system/mail/account';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import AccountModal from './AccountModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteMailAccount, getMailAccountPage } from '@/api/system/mail/account';
+
 import { columns, searchFormSchema } from './account.data';
+import AccountModal from './AccountModal.vue';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/mail/log/index.vue b/src/views/system/mail/log/index.vue
index a135804a4..eb20cc428 100644
--- a/src/views/system/mail/log/index.vue
+++ b/src/views/system/mail/log/index.vue
@@ -4,8 +4,9 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemOperateLog">
-import { BasicTable, useTable } from '@/components/Table';
 import { getMailAccountPage } from '@/api/system/mail/log';
+import { BasicTable, useTable } from '@/components/Table';
+
 import { columns, searchFormSchema } from './mailLog.data';
 
 const [registerTable] = useTable({
diff --git a/src/views/system/mail/log/mailLog.data.ts b/src/views/system/mail/log/mailLog.data.ts
index d797c98b2..24e1755dc 100644
--- a/src/views/system/mail/log/mailLog.data.ts
+++ b/src/views/system/mail/log/mailLog.data.ts
@@ -1,7 +1,6 @@
-import { getIntDictOptions } from '@/utils/dict';
-import { BasicColumn, FormSchema, useRender } from '@/components/Table';
-import { DICT_TYPE } from '@/utils/dict';
 import { getSimpleMailAccountList } from '@/api/system/mail/account';
+import { BasicColumn, FormSchema, useRender } from '@/components/Table';
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict';
 
 export const columns: BasicColumn[] = [
   {
diff --git a/src/views/system/mail/template/TemplateModal.vue b/src/views/system/mail/template/TemplateModal.vue
index 76d4185af..e89383da2 100644
--- a/src/views/system/mail/template/TemplateModal.vue
+++ b/src/views/system/mail/template/TemplateModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemMailTemplateModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createMailTemplate, getMailTemplate, updateMailTemplate } from '@/api/system/mail/template';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './template.data';
-import { createMailTemplate, getMailTemplate, updateMailTemplate } from '@/api/system/mail/template';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/mail/template/index.vue b/src/views/system/mail/template/index.vue
index 5187c8fbe..5cf63d288 100644
--- a/src/views/system/mail/template/index.vue
+++ b/src/views/system/mail/template/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:mail-template:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:mail-template:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -42,14 +42,15 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemMailTemplate">
+import { deleteMailTemplate, getMailTemplatePage, sendMail } from '@/api/system/mail/template';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import TemplateModal from './TemplateModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteMailTemplate, getMailTemplatePage, sendMail } from '@/api/system/mail/template';
+
 import { columns, searchFormSchema } from './template.data';
+import TemplateModal from './TemplateModal.vue';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/menu/MenuModal.vue b/src/views/system/menu/MenuModal.vue
index 8942bbc57..5886a7e58 100644
--- a/src/views/system/menu/MenuModal.vue
+++ b/src/views/system/menu/MenuModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemMenuModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createMenu, getMenu, updateMenu } from '@/api/system/menu';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './menu.data';
-import { createMenu, getMenu, updateMenu } from '@/api/system/menu';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/menu/index.vue b/src/views/system/menu/index.vue
index 8890ec06d..6d36ba14f 100644
--- a/src/views/system/menu/index.vue
+++ b/src/views/system/menu/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="register">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:menu:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:menu:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
         <a-button type="info" @click="expandAll">{{ t('component.tree.expandAll') }}</a-button>
@@ -33,15 +33,16 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemMenu">
-import { handleTree } from '@/utils/tree';
+import { deleteMenu, getMenuList } from '@/api/system/menu';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import MenuModal from './MenuModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteMenu, getMenuList } from '@/api/system/menu';
+import { handleTree } from '@/utils/tree';
+
 import { columns, searchFormSchema } from './menu.data';
+import MenuModal from './MenuModal.vue';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/menu/menu.data.ts b/src/views/system/menu/menu.data.ts
index cd1e77232..61a4ecc8d 100644
--- a/src/views/system/menu/menu.data.ts
+++ b/src/views/system/menu/menu.data.ts
@@ -1,7 +1,7 @@
 import { listSimpleMenus } from '@/api/system/menu';
 import { BasicColumn, FormSchema, useRender } from '@/components/Table';
-import { DICT_TYPE, getIntDictOptions } from '@/utils/dict';
 import { SystemMenuTypeEnum } from '@/enums/systemEnum';
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict';
 
 export const columns: BasicColumn[] = [
   {
diff --git a/src/views/system/notice/NoticeModal.vue b/src/views/system/notice/NoticeModal.vue
index f3564fd43..6dab22cd4 100644
--- a/src/views/system/notice/NoticeModal.vue
+++ b/src/views/system/notice/NoticeModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemNoticeModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createNotice, getNotice, updateNotice } from '@/api/system/notice';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './notice.data';
-import { createNotice, getNotice, updateNotice } from '@/api/system/notice';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/notice/index.vue b/src/views/system/notice/index.vue
index f3338224c..f9deb754a 100644
--- a/src/views/system/notice/index.vue
+++ b/src/views/system/notice/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:notice:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:notice:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -31,14 +31,15 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemNotice">
+import { deleteNotice, getNoticePage } from '@/api/system/notice';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import NoticeModal from './NoticeModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteNotice, getNoticePage } from '@/api/system/notice';
+
 import { columns, searchFormSchema } from './notice.data';
+import NoticeModal from './NoticeModal.vue';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/notify/message/index.vue b/src/views/system/notify/message/index.vue
index 1f8f5a85c..71184c7b0 100644
--- a/src/views/system/notify/message/index.vue
+++ b/src/views/system/notify/message/index.vue
@@ -4,8 +4,9 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemMessage">
-import { BasicTable, useTable } from '@/components/Table';
 import { getNotifyMessagePage } from '@/api/system/notify/message';
+import { BasicTable, useTable } from '@/components/Table';
+
 import { columns, searchFormSchema } from './message.data';
 
 const [registerTable] = useTable({
diff --git a/src/views/system/notify/my/index.vue b/src/views/system/notify/my/index.vue
index d69903850..82923c02f 100644
--- a/src/views/system/notify/my/index.vue
+++ b/src/views/system/notify/my/index.vue
@@ -14,11 +14,12 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemMyMessage">
+import { getMyNotifyMessagePage, updateAllNotifyMessageRead, updateNotifyMessageRead } from '@/api/system/notify/message';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { getMyNotifyMessagePage, updateAllNotifyMessageRead, updateNotifyMessageRead } from '@/api/system/notify/message';
+
 import { columns, searchFormSchema } from './my.data';
 
 const { t } = useI18n();
diff --git a/src/views/system/notify/template/TemplateModal.vue b/src/views/system/notify/template/TemplateModal.vue
index 6c0281a18..33247d9f7 100644
--- a/src/views/system/notify/template/TemplateModal.vue
+++ b/src/views/system/notify/template/TemplateModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="NotifyTemplateModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createNotifyTemplate, getNotifyTemplate, updateNotifyTemplate } from '@/api/system/notify/template';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './template.data';
-import { createNotifyTemplate, getNotifyTemplate, updateNotifyTemplate } from '@/api/system/notify/template';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/notify/template/index.vue b/src/views/system/notify/template/index.vue
index 1f8b3b2f9..5af8b8f30 100644
--- a/src/views/system/notify/template/index.vue
+++ b/src/views/system/notify/template/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:notify-template:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:notify-template:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -36,14 +36,15 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemMessageTemplate">
+import { deleteNotifyTemplate, getNotifyTemplatePage } from '@/api/system/notify/template';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import TemplateModal from './TemplateModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteNotifyTemplate, getNotifyTemplatePage } from '@/api/system/notify/template';
+
 import { columns, searchFormSchema } from './template.data';
+import TemplateModal from './TemplateModal.vue';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/oauth2/client/ClientModal.vue b/src/views/system/oauth2/client/ClientModal.vue
index 1ce21d627..969ff9d02 100644
--- a/src/views/system/oauth2/client/ClientModal.vue
+++ b/src/views/system/oauth2/client/ClientModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemClientModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createOAuth2Client, getOAuth2Client, updateOAuth2Client } from '@/api/system/oauth2/client';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './client.data';
-import { createOAuth2Client, getOAuth2Client, updateOAuth2Client } from '@/api/system/oauth2/client';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/oauth2/client/index.vue b/src/views/system/oauth2/client/index.vue
index 69e0cb64f..a4a8fd311 100644
--- a/src/views/system/oauth2/client/index.vue
+++ b/src/views/system/oauth2/client/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:oauth2-client:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:oauth2-client:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -31,14 +31,15 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemClient">
+import { deleteOAuth2Client, getOAuth2ClientPage } from '@/api/system/oauth2/client';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import ClientModal from './ClientModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteOAuth2Client, getOAuth2ClientPage } from '@/api/system/oauth2/client';
+
 import { columns, searchFormSchema } from './client.data';
+import ClientModal from './ClientModal.vue';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/oauth2/token/index.vue b/src/views/system/oauth2/token/index.vue
index a04866803..454c23de7 100644
--- a/src/views/system/oauth2/token/index.vue
+++ b/src/views/system/oauth2/token/index.vue
@@ -24,13 +24,14 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemToken">
-import { useI18n } from '@/hooks/web/useI18n';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
 import { deleteAccessToken, getAccessTokenPage } from '@/api/system/oauth2/token';
-import { columns, searchFormSchema } from './token.data';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
+import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
 
+import { columns, searchFormSchema } from './token.data';
+
 const { t } = useI18n();
 const { createMessage } = useMessage();
 const [registerTable, { reload }] = useTable({
diff --git a/src/views/system/operatelog/index.vue b/src/views/system/operatelog/index.vue
index d648c943d..3cacfcf78 100644
--- a/src/views/system/operatelog/index.vue
+++ b/src/views/system/operatelog/index.vue
@@ -8,11 +8,12 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemOperateLog">
+import { exportOperateLog, getOperateLogPage, OperateLogPageReqVO } from '@/api/system/operatelog';
+import { BasicTable, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable } from '@/components/Table';
-import { OperateLogPageReqVO, exportOperateLog, getOperateLogPage } from '@/api/system/operatelog';
+
 import { columns, searchFormSchema } from './operateLog.data';
 
 const { t } = useI18n();
diff --git a/src/views/system/operatelog/operateLog.data.ts b/src/views/system/operatelog/operateLog.data.ts
index 458a80662..de0f81443 100644
--- a/src/views/system/operatelog/operateLog.data.ts
+++ b/src/views/system/operatelog/operateLog.data.ts
@@ -1,6 +1,5 @@
-import { getIntDictOptions } from '@/utils/dict';
 import { BasicColumn, FormSchema, useRender } from '@/components/Table';
-import { DICT_TYPE } from '@/utils/dict';
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict';
 
 export const columns: BasicColumn[] = [
   {
diff --git a/src/views/system/post/PostModal.vue b/src/views/system/post/PostModal.vue
index d11736855..6dbd5e470 100644
--- a/src/views/system/post/PostModal.vue
+++ b/src/views/system/post/PostModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemPostModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createPost, getPost, updatePost } from '@/api/system/post';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './post.data';
-import { createPost, getPost, updatePost } from '@/api/system/post';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/post/index.vue b/src/views/system/post/index.vue
index 39f53e9a7..8db710190 100644
--- a/src/views/system/post/index.vue
+++ b/src/views/system/post/index.vue
@@ -2,10 +2,10 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:post:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:post:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
-        <a-button type="warning" v-auth="['system:post:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['system:post:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -34,14 +34,15 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemPost">
+import { deletePost, exportPost, getPostPage, PostExportReqVO } from '@/api/system/post';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import PostModal from './PostModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { PostExportReqVO, deletePost, exportPost, getPostPage } from '@/api/system/post';
+
 import { columns, searchFormSchema } from './post.data';
+import PostModal from './PostModal.vue';
 
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
diff --git a/src/views/system/role/RoleMenuModal.vue b/src/views/system/role/RoleMenuModal.vue
index de59b02e0..f790e229d 100644
--- a/src/views/system/role/RoleMenuModal.vue
+++ b/src/views/system/role/RoleMenuModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" title="修改角色菜单权限" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" title="修改角色菜单权限" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm">
       <template #menuIds="{ model, field }">
         <BasicTree
@@ -9,8 +9,8 @@
           :checkStrictly="true"
           checkable
           toolbar
-          @check="menuCheck"
           title="菜单分配"
+          @check="menuCheck"
         />
       </template>
     </BasicForm>
@@ -18,16 +18,18 @@
 </template>
 <script lang="ts" setup name="SystemRoleMenuModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { listSimpleMenus } from '@/api/system/menu';
+import { assignRoleMenu, listRoleMenus } from '@/api/system/permission';
+import { getRole } from '@/api/system/role';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
-import { menuScopeFormSchema } from './role.data';
-import { getRole } from '@/api/system/role';
 import { BasicTree, TreeItem } from '@/components/Tree';
-import { listSimpleMenus } from '@/api/system/menu';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
 import { handleTree } from '@/utils/tree';
-import { assignRoleMenu, listRoleMenus } from '@/api/system/permission';
+
+import { menuScopeFormSchema } from './role.data';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/role/RoleModal.vue b/src/views/system/role/RoleModal.vue
index 99a9a9bfc..4bdb43dc7 100644
--- a/src/views/system/role/RoleModal.vue
+++ b/src/views/system/role/RoleModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemRoleModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createRole, getRole, updateRole } from '@/api/system/role';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './role.data';
-import { createRole, getRole, updateRole } from '@/api/system/role';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/role/RoleScopeModal.vue b/src/views/system/role/RoleScopeModal.vue
index 4f002d038..dd87c67d3 100644
--- a/src/views/system/role/RoleScopeModal.vue
+++ b/src/views/system/role/RoleScopeModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" title="编辑角色数据权限" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" title="编辑角色数据权限" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm">
       <template #dataScopeDeptIds="{ model, field }">
         <BasicTree
@@ -17,16 +17,18 @@
 </template>
 <script lang="ts" setup name="SystemRoleScopeModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { listSimpleDept } from '@/api/system/dept';
+import { assignRoleDataScope } from '@/api/system/permission';
+import { getRole } from '@/api/system/role';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
 import { BasicTree, TreeItem } from '@/components/Tree';
-import { dataScopeFormSchema } from './role.data';
-import { getRole } from '@/api/system/role';
-import { listSimpleDept } from '@/api/system/dept';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
 import { handleTree } from '@/utils/tree';
-import { assignRoleDataScope } from '@/api/system/permission';
+
+import { dataScopeFormSchema } from './role.data';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/role/index.vue b/src/views/system/role/index.vue
index 9af6a6254..047ee88ba 100644
--- a/src/views/system/role/index.vue
+++ b/src/views/system/role/index.vue
@@ -2,10 +2,10 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:role:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:role:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
-        <a-button type="warning" v-auth="['system:role:create']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['system:role:create']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -50,16 +50,17 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemRole">
+import { deleteRole, exportRole, getRolePage, RoleExportReqVO } from '@/api/system/role';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import RoleModal from './RoleModal.vue';
-import RoleMenuModal from './RoleMenuModal.vue';
-import RoleScopeModal from './RoleScopeModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { RoleExportReqVO, deleteRole, exportRole, getRolePage } from '@/api/system/role';
+
 import { columns, searchFormSchema } from './role.data';
+import RoleMenuModal from './RoleMenuModal.vue';
+import RoleModal from './RoleModal.vue';
+import RoleScopeModal from './RoleScopeModal.vue';
 
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
diff --git a/src/views/system/role/role.data.ts b/src/views/system/role/role.data.ts
index a50e7e4a6..9de36e549 100644
--- a/src/views/system/role/role.data.ts
+++ b/src/views/system/role/role.data.ts
@@ -1,6 +1,6 @@
 import { BasicColumn, FormSchema, useRender } from '@/components/Table';
-import { DICT_TYPE, getIntDictOptions } from '@/utils/dict';
 import { SystemDataScopeEnum } from '@/enums/systemEnum';
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict';
 
 export const columns: BasicColumn[] = [
   {
diff --git a/src/views/system/sensitiveWord/SensitiveWordModal.vue b/src/views/system/sensitiveWord/SensitiveWordModal.vue
index c0949e8c9..57751ab48 100644
--- a/src/views/system/sensitiveWord/SensitiveWordModal.vue
+++ b/src/views/system/sensitiveWord/SensitiveWordModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemSensitiveWordModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createSensitiveWord, getSensitiveWord, updateSensitiveWord } from '@/api/system/sensitiveWord';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './sensitiveWord.data';
-import { createSensitiveWord, getSensitiveWord, updateSensitiveWord } from '@/api/system/sensitiveWord';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/sensitiveWord/index.vue b/src/views/system/sensitiveWord/index.vue
index 6105b6200..c9194b220 100644
--- a/src/views/system/sensitiveWord/index.vue
+++ b/src/views/system/sensitiveWord/index.vue
@@ -2,10 +2,10 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:sensitive-word:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:sensitive-word:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
-        <a-button type="warning" v-auth="['system:sensitive-word:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['system:sensitive-word:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -39,15 +39,16 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemSensitiveWord">
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { SensitiveWordExportReqVO, deleteSensitiveWord, exportSensitiveWord, getSensitiveWordPage } from '@/api/system/sensitiveWord';
+import { deleteSensitiveWord, exportSensitiveWord, getSensitiveWordPage, SensitiveWordExportReqVO } from '@/api/system/sensitiveWord';
 import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
 import { IconEnum } from '@/enums/appEnum';
-import SensitiveWordModal from './SensitiveWordModal.vue';
-import { columns, searchFormSchema } from './sensitiveWord.data';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
 
+import { columns, searchFormSchema } from './sensitiveWord.data';
+import SensitiveWordModal from './SensitiveWordModal.vue';
+
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
 const [registerModal, { openModal }] = useModal();
diff --git a/src/views/system/sms/channel/SmsChannelModal.vue b/src/views/system/sms/channel/SmsChannelModal.vue
index c710f5b02..4e8c0c5db 100644
--- a/src/views/system/sms/channel/SmsChannelModal.vue
+++ b/src/views/system/sms/channel/SmsChannelModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemSmsChannelModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createSmsChannel, getSmsChannel, updateSmsChannel } from '@/api/system/sms/smsChannel';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './smsChannel.data';
-import { createSmsChannel, getSmsChannel, updateSmsChannel } from '@/api/system/sms/smsChannel';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/sms/channel/index.vue b/src/views/system/sms/channel/index.vue
index c420817a5..2b9cfc4f5 100644
--- a/src/views/system/sms/channel/index.vue
+++ b/src/views/system/sms/channel/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:sms-channel:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:sms-channel:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -31,14 +31,15 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemSmsChannel">
+import { deleteSmsChannel, getSmsChannelPage } from '@/api/system/sms/smsChannel';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import SmsChannelModal from './SmsChannelModal.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteSmsChannel, getSmsChannelPage } from '@/api/system/sms/smsChannel';
+
 import { columns, searchFormSchema } from './smsChannel.data';
+import SmsChannelModal from './SmsChannelModal.vue';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/sms/log/index.vue b/src/views/system/sms/log/index.vue
index 50a4d8f22..3586b6901 100644
--- a/src/views/system/sms/log/index.vue
+++ b/src/views/system/sms/log/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="warning" v-auth="['system:sms-log:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['system:sms-log:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -10,13 +10,14 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemSmsLog">
+import { exportSmsLog, getSmsLogPage, SmsLogExportReqVO } from '@/api/system/sms/smsLog';
 import { BasicTable, useTable } from '@/components/Table';
 import { IconEnum } from '@/enums/appEnum';
-import { SmsLogExportReqVO, exportSmsLog, getSmsLogPage } from '@/api/system/sms/smsLog';
-import { columns, searchFormSchema } from './smsLog.data';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
 
+import { columns, searchFormSchema } from './smsLog.data';
+
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
 const [registerTable, { getForm }] = useTable({
diff --git a/src/views/system/sms/log/smsLog.data.ts b/src/views/system/sms/log/smsLog.data.ts
index dff7822f5..4694fa1ab 100644
--- a/src/views/system/sms/log/smsLog.data.ts
+++ b/src/views/system/sms/log/smsLog.data.ts
@@ -1,7 +1,6 @@
 import { getSimpleSmsChannels } from '@/api/system/sms/smsChannel';
-import { getIntDictOptions } from '@/utils/dict';
 import { BasicColumn, FormSchema, useRender } from '@/components/Table';
-import { DICT_TYPE } from '@/utils/dict';
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict';
 
 export const columns: BasicColumn[] = [
   {
diff --git a/src/views/system/sms/template/SmsTemplateModal.vue b/src/views/system/sms/template/SmsTemplateModal.vue
index 584fa334a..904e82e86 100644
--- a/src/views/system/sms/template/SmsTemplateModal.vue
+++ b/src/views/system/sms/template/SmsTemplateModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemSmsTemplateModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createSmsTemplate, getSmsTemplate, updateSmsTemplate } from '@/api/system/sms/smsTemplate';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './smsTemplate.data';
-import { createSmsTemplate, getSmsTemplate, updateSmsTemplate } from '@/api/system/sms/smsTemplate';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/sms/template/index.vue b/src/views/system/sms/template/index.vue
index 87399f0a4..7a6af928f 100644
--- a/src/views/system/sms/template/index.vue
+++ b/src/views/system/sms/template/index.vue
@@ -2,10 +2,10 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:sms-template:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:sms-template:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
-        <a-button type="warning" v-auth="['system:sms-template:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['system:sms-template:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -40,15 +40,16 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemSmsTemplate">
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { SmsTemplateExportReqVO, deleteSmsTemplate, exportSmsTemplate, getSmsTemplatePage } from '@/api/system/sms/smsTemplate';
+import { deleteSmsTemplate, exportSmsTemplate, getSmsTemplatePage, SmsTemplateExportReqVO } from '@/api/system/sms/smsTemplate';
 import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
 import { IconEnum } from '@/enums/appEnum';
-import SmsTemplateModal from './SmsTemplateModal.vue';
-import { columns, searchFormSchema } from './smsTemplate.data';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
 
+import { columns, searchFormSchema } from './smsTemplate.data';
+import SmsTemplateModal from './SmsTemplateModal.vue';
+
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
 const [registerModal, { openModal }] = useModal();
diff --git a/src/views/system/tenant/TenantModal.vue b/src/views/system/tenant/TenantModal.vue
index 69734ed7c..49c714d0b 100644
--- a/src/views/system/tenant/TenantModal.vue
+++ b/src/views/system/tenant/TenantModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemTenantModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createTenant, getTenant, updateTenant } from '@/api/system/tenant';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './tenant.data';
-import { createTenant, getTenant, updateTenant } from '@/api/system/tenant';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/tenant/index.vue b/src/views/system/tenant/index.vue
index 2daf49641..e1e5f8e27 100644
--- a/src/views/system/tenant/index.vue
+++ b/src/views/system/tenant/index.vue
@@ -2,10 +2,10 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:tenant:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:tenant:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
-        <a-button type="warning" v-auth="['system:tenant:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['system:tenant:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -34,15 +34,16 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemTenant">
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { TenantExportReqVO, deleteTenant, exportTenant, getTenantPage } from '@/api/system/tenant';
+import { deleteTenant, exportTenant, getTenantPage, TenantExportReqVO } from '@/api/system/tenant';
 import { useModal } from '@/components/Modal';
-import TenantModal from './TenantModal.vue';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
 import { IconEnum } from '@/enums/appEnum';
-import { columns, searchFormSchema } from './tenant.data';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
 
+import { columns, searchFormSchema } from './tenant.data';
+import TenantModal from './TenantModal.vue';
+
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
 const [registerModal, { openModal }] = useModal();
diff --git a/src/views/system/tenant/tenant.data.ts b/src/views/system/tenant/tenant.data.ts
index 3bf6b0f1b..3ebe69df5 100644
--- a/src/views/system/tenant/tenant.data.ts
+++ b/src/views/system/tenant/tenant.data.ts
@@ -147,13 +147,13 @@ export const formSchema: FormSchema[] = [
     label: '用户名称',
     field: 'username',
     component: 'Input',
-    ifShow: ({ values }) => !!!values.id,
+    ifShow: ({ values }) => !values.id,
   },
   {
     label: '用户密码',
     field: 'password',
     component: 'InputPassword',
-    ifShow: ({ values }) => !!!values.id,
+    ifShow: ({ values }) => !values.id,
   },
   {
     label: '账号额度',
diff --git a/src/views/system/tenantPackage/TenantPackageModal.vue b/src/views/system/tenantPackage/TenantPackageModal.vue
index 0fab81411..905078002 100644
--- a/src/views/system/tenantPackage/TenantPackageModal.vue
+++ b/src/views/system/tenantPackage/TenantPackageModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm">
       <template #menuIds="{ model, field }">
         <BasicTree
@@ -9,8 +9,8 @@
           :checkStrictly="true"
           checkable
           toolbar
-          @check="menuCheck"
           title="菜单分配"
+          @check="menuCheck"
         />
       </template>
     </BasicForm>
@@ -18,16 +18,18 @@
 </template>
 <script lang="ts" setup name="SystemTenantPackageModal">
 import { ref, unref } from 'vue';
+
+import { listSimpleMenus } from '@/api/system/menu';
+import { createTenantPackage, getTenantPackage, updateTenantPackage } from '@/api/system/tenantPackage';
+import { BasicForm, useForm } from '@/components/Form';
+import { BasicModal, useModalInner } from '@/components/Modal';
+import { BasicTree, TreeItem } from '@/components/Tree';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { BasicForm, useForm } from '@/components/Form';
-import { BasicTree, TreeItem } from '@/components/Tree';
-import { BasicModal, useModalInner } from '@/components/Modal';
-import { formSchema } from './tenantPackage.data';
-import { createTenantPackage, getTenantPackage, updateTenantPackage } from '@/api/system/tenantPackage';
-import { listSimpleMenus } from '@/api/system/menu';
 import { handleTree } from '@/utils/tree';
 
+import { formSchema } from './tenantPackage.data';
+
 const { t } = useI18n();
 const { createMessage } = useMessage();
 const emit = defineEmits(['success', 'register']);
diff --git a/src/views/system/tenantPackage/index.vue b/src/views/system/tenantPackage/index.vue
index cd4d2870a..3efa9c895 100644
--- a/src/views/system/tenantPackage/index.vue
+++ b/src/views/system/tenantPackage/index.vue
@@ -2,7 +2,7 @@
   <div>
     <BasicTable @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:tenant-package:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:tenant-package:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
       </template>
@@ -36,14 +36,15 @@
   </div>
 </template>
 <script lang="ts" setup name="SystemTenantPackage">
+import { deleteTenantPackage, getTenantPackagePage } from '@/api/system/tenantPackage';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
-import { IconEnum } from '@/enums/appEnum';
-import TenantPackageModal from './TenantPackageModal.vue';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { deleteTenantPackage, getTenantPackagePage } from '@/api/system/tenantPackage';
+
 import { columns, searchFormSchema } from './tenantPackage.data';
+import TenantPackageModal from './TenantPackageModal.vue';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/user/DeptTree.vue b/src/views/system/user/DeptTree.vue
index 7a4d84e3a..f9f4da939 100644
--- a/src/views/system/user/DeptTree.vue
+++ b/src/views/system/user/DeptTree.vue
@@ -15,8 +15,8 @@
 <script lang="ts" setup name="SystemDeptTree">
 import { onMounted, ref } from 'vue';
 
-import { BasicTree, TreeItem } from '@/components/Tree';
 import { listSimpleDept } from '@/api/system/dept';
+import { BasicTree, TreeItem } from '@/components/Tree';
 import { handleTree } from '@/utils/tree';
 
 const emit = defineEmits(['select']);
diff --git a/src/views/system/user/ResetPwdModal.vue b/src/views/system/user/ResetPwdModal.vue
index 146e5c3a0..9ce0c327d 100644
--- a/src/views/system/user/ResetPwdModal.vue
+++ b/src/views/system/user/ResetPwdModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" title="重置密码" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" title="重置密码" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemResetPwdModal">
 import { ref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { resetUserPwd } from '@/api/system/user';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { userPwdFormSchema } from './user.data';
-import { resetUserPwd } from '@/api/system/user';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/user/UserModal.vue b/src/views/system/user/UserModal.vue
index 330e80a1b..9d97c1a48 100644
--- a/src/views/system/user/UserModal.vue
+++ b/src/views/system/user/UserModal.vue
@@ -1,16 +1,18 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" :title="isUpdate ? t('action.edit') : t('action.create')" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" :title="isUpdate ? t('action.edit') : t('action.create')" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemUserModal">
 import { ref, unref } from 'vue';
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+
+import { createUser, getUser, updateUser } from '@/api/system/user';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { formSchema } from './user.data';
-import { createUser, getUser, updateUser } from '@/api/system/user';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/user/UserRoleModal.vue b/src/views/system/user/UserRoleModal.vue
index 7b7ca9054..891c4e0c8 100644
--- a/src/views/system/user/UserRoleModal.vue
+++ b/src/views/system/user/UserRoleModal.vue
@@ -1,16 +1,17 @@
 <template>
-  <BasicModal v-bind="$attrs" @register="registerModal" title="用户角色权限" @ok="handleSubmit">
+  <BasicModal v-bind="$attrs" title="用户角色权限" @register="registerModal" @ok="handleSubmit">
     <BasicForm @register="registerForm" />
   </BasicModal>
 </template>
 <script lang="ts" setup name="SystemUserRoleModal">
-import { useI18n } from '@/hooks/web/useI18n';
-import { useMessage } from '@/hooks/web/useMessage';
+import { assignUserRole, listUserRoles } from '@/api/system/permission';
+import { getUser } from '@/api/system/user';
 import { BasicForm, useForm } from '@/components/Form';
 import { BasicModal, useModalInner } from '@/components/Modal';
+import { useI18n } from '@/hooks/web/useI18n';
+import { useMessage } from '@/hooks/web/useMessage';
+
 import { userRoleFormSchema } from './user.data';
-import { getUser } from '@/api/system/user';
-import { assignUserRole, listUserRoles } from '@/api/system/permission';
 
 const { t } = useI18n();
 const { createMessage } = useMessage();
diff --git a/src/views/system/user/index.vue b/src/views/system/user/index.vue
index 57460aa39..69e27a265 100644
--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="flex">
     <DeptTree class="w-1/4 xl:w-1/5" @select="handleSelect" />
-    <BasicTable @register="registerTable" class="w-3/4 xl:w-4/5" :searchInfo="searchInfo">
+    <BasicTable class="w-3/4 xl:w-4/5" :searchInfo="searchInfo" @register="registerTable">
       <template #toolbar>
-        <a-button type="primary" v-auth="['system:user:create']" :preIcon="IconEnum.ADD" @click="handleCreate">
+        <a-button v-auth="['system:user:create']" type="primary" :preIcon="IconEnum.ADD" @click="handleCreate">
           {{ t('action.create') }}
         </a-button>
-        <a-button type="warning" v-auth="['system:user:export']" :preIcon="IconEnum.EXPORT" @click="handleExport">
+        <a-button v-auth="['system:user:export']" type="warning" :preIcon="IconEnum.EXPORT" @click="handleExport">
           {{ t('action.export') }}
         </a-button>
       </template>
@@ -52,17 +52,19 @@
 </template>
 <script lang="ts" setup name="SystemUser">
 import { reactive } from 'vue';
+
+import { deleteUser, exportUser, getUserPage, UserExportReqVO } from '@/api/system/user';
+import { useModal } from '@/components/Modal';
+import { BasicTable, TableAction, useTable } from '@/components/Table';
+import { IconEnum } from '@/enums/appEnum';
 import { useI18n } from '@/hooks/web/useI18n';
 import { useMessage } from '@/hooks/web/useMessage';
-import { useModal } from '@/components/Modal';
+
+import DeptTree from './DeptTree.vue';
+import ResetPwdModal from './ResetPwdModal.vue';
+import { columns, searchFormSchema } from './user.data';
 import UserModal from './UserModal.vue';
 import UserRoleModal from './UserRoleModal.vue';
-import ResetPwdModal from './ResetPwdModal.vue';
-import DeptTree from './DeptTree.vue';
-import { IconEnum } from '@/enums/appEnum';
-import { BasicTable, useTable, TableAction } from '@/components/Table';
-import { columns, searchFormSchema } from './user.data';
-import { UserExportReqVO, deleteUser, exportUser, getUserPage } from '@/api/system/user';
 
 const { t } = useI18n();
 const { createConfirm, createMessage } = useMessage();
diff --git a/src/views/system/user/user.data.ts b/src/views/system/user/user.data.ts
index 9c323f537..bb2414b7c 100644
--- a/src/views/system/user/user.data.ts
+++ b/src/views/system/user/user.data.ts
@@ -1,12 +1,13 @@
-import { h } from 'vue';
 import { Switch } from 'ant-design-vue';
-import { useMessage } from '@/hooks/web/useMessage';
+import { h } from 'vue';
+
 import { listSimpleDept } from '@/api/system/dept';
 import { listSimplePosts } from '@/api/system/post';
-import { BasicColumn, FormSchema, useRender } from '@/components/Table';
-import { DICT_TYPE, getIntDictOptions } from '@/utils/dict';
-import { updateUserStatus } from '@/api/system/user';
 import { listSimpleRoles } from '@/api/system/role';
+import { updateUserStatus } from '@/api/system/user';
+import { BasicColumn, FormSchema, useRender } from '@/components/Table';
+import { useMessage } from '@/hooks/web/useMessage';
+import { DICT_TYPE, getIntDictOptions } from '@/utils/dict';
 
 export const columns: BasicColumn[] = [
   {
@@ -165,7 +166,7 @@ export const formSchema: FormSchema[] = [
     label: '用户密码',
     field: 'password',
     component: 'InputPassword',
-    ifShow: ({ values }) => !!!values.id,
+    ifShow: ({ values }) => !values.id,
   },
   {
     label: '用户性别',
diff --git a/stylelint.config.js b/stylelint.config.js
deleted file mode 100644
index e457294a5..000000000
--- a/stylelint.config.js
+++ /dev/null
@@ -1,78 +0,0 @@
-module.exports = {
-  root: true,
-  plugins: ['stylelint-order', 'stylelint-prettier'],
-  extends: ['stylelint-config-standard', 'stylelint-config-recess-order'],
-  overrides: [
-    {
-      files: ['**/*.(css|html|vue)'],
-      customSyntax: 'postcss-html',
-    },
-    {
-      files: ['*.less', '**/*.less'],
-      customSyntax: 'postcss-less',
-      extends: ['stylelint-config-standard', 'stylelint-config-recommended-vue'],
-    },
-  ],
-  rules: {
-    'prettier/prettier': true,
-    'at-rule-no-unknown': null,
-    'selector-not-notation': null,
-    'import-notation': null,
-    'function-no-unknown': null,
-    'selector-class-pattern': null,
-    'selector-pseudo-class-no-unknown': [
-      true,
-      {
-        ignorePseudoClasses: ['global', 'deep'],
-      },
-    ],
-    'selector-pseudo-element-no-unknown': [
-      true,
-      {
-        ignorePseudoElements: ['v-deep'],
-      },
-    ],
-    'at-rule-no-unknown': [
-      true,
-      {
-        ignoreAtRules: ['tailwind', 'apply', 'variants', 'responsive', 'screen', 'function', 'if', 'each', 'include', 'mixin'],
-      },
-    ],
-    'media-feature-range-notation': null,
-    'no-empty-source': null,
-    'string-quotes': null,
-    'import-notation': null,
-    'named-grid-areas-no-invalid': null,
-    'no-descending-specificity': null,
-    'font-family-no-missing-generic-family-keyword': null,
-    'rule-empty-line-before': [
-      'always',
-      {
-        ignore: ['after-comment', 'first-nested'],
-      },
-    ],
-    'order/order': [
-      [
-        'dollar-variables',
-        'custom-properties',
-        'at-rules',
-        'declarations',
-        {
-          type: 'at-rule',
-          name: 'supports',
-        },
-        {
-          type: 'at-rule',
-          name: 'media',
-        },
-        {
-          type: 'at-rule',
-          name: 'include',
-        },
-        'rules',
-      ],
-      { severity: 'error' },
-    ],
-  },
-  ignoreFiles: ['**/*.js', '**/*.jsx', '**/*.tsx', '**/*.ts'],
-};
diff --git a/tsconfig.json b/tsconfig.json
index 095d5ef77..6c0b4d849 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -38,8 +38,8 @@
     "src/**/*.d.ts",
     "src/**/*.tsx",
     "src/**/*.vue",
-    "src/types/**/*.d.tsts",
-    "src/types/**/*.ts",
+    "types/**/*.d.ts",
+    "types/**/*.ts",
     "build/**/*.ts",
     "build/**/*.d.ts",
     "vite.config.ts"