diff --git a/web/src/api/common.ts b/web/src/api/common.ts
index e16d9298..8a3986a9 100644
--- a/web/src/api/common.ts
+++ b/web/src/api/common.ts
@@ -3,10 +3,10 @@ import { isAdminApp, checkFileMimetype } from '/@/utils/common'
 import { getUrl } from '/@/utils/axios'
 import { useAdminInfo } from '/@/stores/adminInfo'
 import { useUserInfo } from '/@/stores/userInfo'
-import { ElNotification, UploadRawFile } from 'element-plus'
+import { ElNotification, type UploadRawFile } from 'element-plus'
 import { useSiteConfig } from '/@/stores/siteConfig'
 import { state as uploadExpandState, fileUpload as uploadExpand } from '/@/components/mixins/baUpload'
-import { AxiosRequestConfig } from 'axios'
+import type { AxiosRequestConfig } from 'axios'
 import { uuid } from '/@/utils/random'
 import { i18n } from '../lang'
 
diff --git a/web/src/components/baInput/components/baUpload.vue b/web/src/components/baInput/components/baUpload.vue
index d077e693..764569ef 100644
--- a/web/src/components/baInput/components/baUpload.vue
+++ b/web/src/components/baInput/components/baUpload.vue
@@ -48,14 +48,15 @@
 
 <script setup lang="ts">
 import { ref, reactive, onMounted, watch, useSlots, nextTick } from 'vue'
-import { UploadInstance, UploadUserFile, UploadProps, genFileId, UploadRawFile, UploadFiles } from 'element-plus'
+import { genFileId } from 'element-plus'
+import type { UploadInstance, UploadUserFile, UploadProps, UploadRawFile, UploadFiles } from 'element-plus'
 import { stringToArray } from '/@/components/baInput/helper'
 import { fullUrl, arrayFullUrl, getFileNameFromPath, getArrayKey } from '/@/utils/common'
 import { fileUpload } from '/@/api/common'
 import SelectFile from '/@/components/baInput/components/selectFile.vue'
 import { uuid } from '/@/utils/random'
 import { cloneDeep, isEmpty } from 'lodash-es'
-import { AxiosProgressEvent } from 'axios'
+import type { AxiosProgressEvent } from 'axios'
 import Sortable from 'sortablejs'
 
 type Writeable<T> = { -readonly [P in keyof T]: T[P] }
diff --git a/web/src/components/baInput/components/iconSelector.vue b/web/src/components/baInput/components/iconSelector.vue
index e210aaea..04a3f6d1 100644
--- a/web/src/components/baInput/components/iconSelector.vue
+++ b/web/src/components/baInput/components/iconSelector.vue
@@ -76,7 +76,7 @@
 import { reactive, ref, onMounted, nextTick, watch, computed } from 'vue'
 import { getAwesomeIconfontNames, getIconfontNames, getElementPlusIconfontNames, getLocalIconfontNames } from '/@/utils/iconfont'
 import { useEventListener } from '@vueuse/core'
-import { Placement } from 'element-plus'
+import type { Placement } from 'element-plus'
 
 type IconType = 'ele' | 'awe' | 'ali' | 'local'
 
diff --git a/web/src/components/baInput/helper.ts b/web/src/components/baInput/helper.ts
index 5fafe627..660caf70 100644
--- a/web/src/components/baInput/helper.ts
+++ b/web/src/components/baInput/helper.ts
@@ -1,4 +1,4 @@
-import { FieldData } from './index'
+import type { FieldData } from './index'
 
 export const npuaFalse = () => {
     return {
diff --git a/web/src/components/baInput/index.ts b/web/src/components/baInput/index.ts
index 0f9cd463..ea98a971 100644
--- a/web/src/components/baInput/index.ts
+++ b/web/src/components/baInput/index.ts
@@ -1,4 +1,4 @@
-import { Component, CSSProperties } from 'vue'
+import type { Component, CSSProperties } from 'vue'
 
 /**
  * 支持的输入框类型
diff --git a/web/src/components/baInput/index.vue b/web/src/components/baInput/index.vue
index 8ef1ab8a..c4e16aaa 100644
--- a/web/src/components/baInput/index.vue
+++ b/web/src/components/baInput/index.vue
@@ -1,6 +1,8 @@
 <script lang="ts">
-import { createVNode, resolveComponent, defineComponent, PropType, VNode, computed, reactive } from 'vue'
-import { inputTypes, modelValueTypes, InputAttr, InputData } from '/@/components/baInput'
+import type { PropType, VNode } from 'vue'
+import type { modelValueTypes, InputAttr, InputData } from '/@/components/baInput'
+import { createVNode, resolveComponent, defineComponent, computed, reactive } from 'vue'
+import { inputTypes } from '/@/components/baInput'
 import Array from '/@/components/baInput/components/array.vue'
 import RemoteSelect from '/@/components/baInput/components/remoteSelect.vue'
 import IconSelector from '/@/components/baInput/components/iconSelector.vue'
diff --git a/web/src/components/clickCaptcha/index.ts b/web/src/components/clickCaptcha/index.ts
index e473a049..70cfdd36 100644
--- a/web/src/components/clickCaptcha/index.ts
+++ b/web/src/components/clickCaptcha/index.ts
@@ -1,6 +1,7 @@
 import { shortUuid } from '/@/utils/random'
-import { VNode, createVNode, render } from 'vue'
+import { createVNode, render } from 'vue'
 import clickCaptchaConstructor from './index.vue'
+import type { VNode } from 'vue'
 
 interface ClickCaptchaOptions {
     // 验证码弹窗的自定义class
diff --git a/web/src/components/contextmenu/index.vue b/web/src/components/contextmenu/index.vue
index d7f5c67f..842d6d17 100644
--- a/web/src/components/contextmenu/index.vue
+++ b/web/src/components/contextmenu/index.vue
@@ -24,7 +24,7 @@
 <script setup lang="ts">
 import { onMounted, reactive, toRaw } from 'vue'
 import type { Axis, ContextmenuItemClickEmitArg, Props } from './interface'
-import { RouteLocationNormalized } from 'vue-router'
+import type { RouteLocationNormalized } from 'vue-router'
 import { useEventListener } from '@vueuse/core'
 
 const props = withDefaults(defineProps<Props>(), {
diff --git a/web/src/components/contextmenu/interface.ts b/web/src/components/contextmenu/interface.ts
index 9012af29..eabeb749 100644
--- a/web/src/components/contextmenu/interface.ts
+++ b/web/src/components/contextmenu/interface.ts
@@ -1,4 +1,4 @@
-import { RouteLocationNormalized } from 'vue-router'
+import type { RouteLocationNormalized } from 'vue-router'
 
 export interface Axis {
     x: number
diff --git a/web/src/components/formItem/createData.vue b/web/src/components/formItem/createData.vue
index 4c9c64f6..7d890163 100644
--- a/web/src/components/formItem/createData.vue
+++ b/web/src/components/formItem/createData.vue
@@ -114,7 +114,7 @@ import { reactive } from 'vue'
 import FormItem from '/@/components/formItem/index.vue'
 import { inputTypes } from '/@/components/baInput'
 import { validatorType } from '/@/utils/validate'
-import { InputAttr } from '/@/components/baInput'
+import type { InputAttr } from '/@/components/baInput'
 import { i18n } from '/@/lang'
 
 const { t } = i18n.global
diff --git a/web/src/components/formItem/index.vue b/web/src/components/formItem/index.vue
index de2f2cc7..6e8ede6f 100644
--- a/web/src/components/formItem/index.vue
+++ b/web/src/components/formItem/index.vue
@@ -1,7 +1,9 @@
 <script lang="ts">
-import { createVNode, defineComponent, resolveComponent, PropType, computed } from 'vue'
-import { inputTypes, modelValueTypes, InputAttr, InputData } from '/@/components/baInput'
-import { FormItemAttr } from '/@/components/formItem'
+import type { PropType } from 'vue'
+import { createVNode, defineComponent, resolveComponent, computed } from 'vue'
+import { inputTypes } from '/@/components/baInput'
+import type { modelValueTypes, InputAttr, InputData } from '/@/components/baInput'
+import type { FormItemAttr } from '/@/components/formItem'
 import BaInput from '/@/components/baInput/index.vue'
 
 export default defineComponent({
diff --git a/web/src/components/icon/index.vue b/web/src/components/icon/index.vue
index 7b790bf4..38be03a1 100644
--- a/web/src/components/icon/index.vue
+++ b/web/src/components/icon/index.vue
@@ -1,5 +1,5 @@
 <script lang="ts">
-import { createVNode, resolveComponent, defineComponent, computed, CSSProperties } from 'vue'
+import { createVNode, resolveComponent, defineComponent, computed, type CSSProperties } from 'vue'
 import svg from '/@/components/icon/svg/index.vue'
 import { isExternal } from '/@/utils/common'
 export default defineComponent({
diff --git a/web/src/components/icon/svg/index.vue b/web/src/components/icon/svg/index.vue
index 4b312c85..10cf4e3e 100644
--- a/web/src/components/icon/svg/index.vue
+++ b/web/src/components/icon/svg/index.vue
@@ -6,7 +6,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, CSSProperties } from 'vue'
+import { computed, type CSSProperties } from 'vue'
 import { isExternal } from '/@/utils/common'
 interface Props {
     name: string
diff --git a/web/src/components/mixins/baUpload.ts b/web/src/components/mixins/baUpload.ts
index 8764c051..29b566e9 100644
--- a/web/src/components/mixins/baUpload.ts
+++ b/web/src/components/mixins/baUpload.ts
@@ -1,4 +1,4 @@
-import { AxiosRequestConfig } from 'axios'
+import type { AxiosRequestConfig } from 'axios'
 
 export const state: () => 'disable' | 'enable' = () => 'disable'
 
diff --git a/web/src/components/terminal/index.vue b/web/src/components/terminal/index.vue
index cebc4a1b..f9f91bec 100644
--- a/web/src/components/terminal/index.vue
+++ b/web/src/components/terminal/index.vue
@@ -172,7 +172,7 @@ import { reactive, computed, watch, onMounted } from 'vue'
 import { useTerminal } from '/@/stores/terminal'
 import { useI18n } from 'vue-i18n'
 import { taskStatus } from './constant'
-import { ElMessageBox, TimelineItemProps } from 'element-plus'
+import { ElMessageBox, type TimelineItemProps } from 'element-plus'
 import { postChangeTerminalConfig } from '/@/api/common'
 import FormItem from '/@/components/formItem/index.vue'
 import { getUrlPort } from '/@/utils/axios'
diff --git a/web/src/layouts/backend/components/config.vue b/web/src/layouts/backend/components/config.vue
index 75dcb60a..41bad141 100644
--- a/web/src/layouts/backend/components/config.vue
+++ b/web/src/layouts/backend/components/config.vue
@@ -219,7 +219,7 @@ import IconSelector from '/@/components/baInput/components/iconSelector.vue'
 import { STORE_CONFIG, BEFORE_RESIZE_LAYOUT } from '/@/stores/constant/cacheKey'
 import { Local, Session } from '/@/utils/storage'
 import { useI18n } from 'vue-i18n'
-import { Layout } from '/@/stores/interface'
+import type { Layout } from '/@/stores/interface'
 import DarkSwitch from '/@/layouts/common/components/darkSwitch.vue'
 import toggleDark from '/@/utils/useDark'
 
diff --git a/web/src/layouts/backend/components/menus/helper.ts b/web/src/layouts/backend/components/menus/helper.ts
index 0a501020..117aff35 100644
--- a/web/src/layouts/backend/components/menus/helper.ts
+++ b/web/src/layouts/backend/components/menus/helper.ts
@@ -1,4 +1,4 @@
-import { RouteRecordRaw } from 'vue-router'
+import type { RouteRecordRaw } from 'vue-router'
 
 /**
  * 寻找当前路由在顶栏菜单中的数据
diff --git a/web/src/layouts/backend/components/menus/menuHorizontal.vue b/web/src/layouts/backend/components/menus/menuHorizontal.vue
index 3dd99461..0bca7ba8 100644
--- a/web/src/layouts/backend/components/menus/menuHorizontal.vue
+++ b/web/src/layouts/backend/components/menus/menuHorizontal.vue
@@ -16,7 +16,7 @@
 import { computed, nextTick, onMounted, reactive, ref } from 'vue'
 import Logo from '/@/layouts/backend/components/logo.vue'
 import MenuTree from '/@/layouts/backend/components/menus/menuTree.vue'
-import { useRoute, onBeforeRouteUpdate, RouteLocationNormalizedLoaded } from 'vue-router'
+import { useRoute, onBeforeRouteUpdate, type RouteLocationNormalizedLoaded } from 'vue-router'
 import { useConfig } from '/@/stores/config'
 import { useNavTabs } from '/@/stores/navTabs'
 import type { ScrollbarInstance } from 'element-plus'
diff --git a/web/src/layouts/backend/components/menus/menuTree.vue b/web/src/layouts/backend/components/menus/menuTree.vue
index d1402cb5..743826b2 100644
--- a/web/src/layouts/backend/components/menus/menuTree.vue
+++ b/web/src/layouts/backend/components/menus/menuTree.vue
@@ -19,7 +19,7 @@
 </template>
 <script setup lang="ts">
 import { useConfig } from '/@/stores/config'
-import { RouteRecordRaw } from 'vue-router'
+import type { RouteRecordRaw } from 'vue-router'
 import { onClickMenu } from '/@/utils/router'
 
 const config = useConfig()
diff --git a/web/src/layouts/backend/components/menus/menuVertical.vue b/web/src/layouts/backend/components/menus/menuVertical.vue
index 76c5f30a..7318f56b 100644
--- a/web/src/layouts/backend/components/menus/menuVertical.vue
+++ b/web/src/layouts/backend/components/menus/menuVertical.vue
@@ -15,7 +15,7 @@
 <script setup lang="ts">
 import { computed, nextTick, onMounted, reactive, ref } from 'vue'
 import MenuTree from '/@/layouts/backend/components/menus/menuTree.vue'
-import { useRoute, onBeforeRouteUpdate, RouteLocationNormalizedLoaded } from 'vue-router'
+import { useRoute, onBeforeRouteUpdate, type RouteLocationNormalizedLoaded } from 'vue-router'
 import type { ScrollbarInstance } from 'element-plus'
 import { useConfig } from '/@/stores/config'
 import { useNavTabs } from '/@/stores/navTabs'
diff --git a/web/src/layouts/backend/components/menus/menuVerticalChildren.vue b/web/src/layouts/backend/components/menus/menuVerticalChildren.vue
index 1d6bb603..a155dcef 100644
--- a/web/src/layouts/backend/components/menus/menuVerticalChildren.vue
+++ b/web/src/layouts/backend/components/menus/menuVerticalChildren.vue
@@ -15,7 +15,8 @@
 <script setup lang="ts">
 import { computed, nextTick, onMounted, reactive, ref } from 'vue'
 import MenuTree from '/@/layouts/backend/components/menus/menuTree.vue'
-import { useRoute, onBeforeRouteUpdate, RouteLocationNormalizedLoaded, RouteRecordRaw } from 'vue-router'
+import type { RouteLocationNormalizedLoaded, RouteRecordRaw } from 'vue-router'
+import { useRoute, onBeforeRouteUpdate } from 'vue-router'
 import type { ScrollbarInstance } from 'element-plus'
 import { useConfig } from '/@/stores/config'
 import { useNavTabs } from '/@/stores/navTabs'
diff --git a/web/src/layouts/backend/components/navBar/double.vue b/web/src/layouts/backend/components/navBar/double.vue
index 65293a99..d49b71e5 100644
--- a/web/src/layouts/backend/components/navBar/double.vue
+++ b/web/src/layouts/backend/components/navBar/double.vue
@@ -11,7 +11,7 @@
 
 <script setup lang="ts">
 import { computed, nextTick, onMounted, reactive, ref } from 'vue'
-import { useRoute, onBeforeRouteUpdate, RouteLocationNormalizedLoaded } from 'vue-router'
+import { useRoute, onBeforeRouteUpdate, type RouteLocationNormalizedLoaded } from 'vue-router'
 import { currentRouteTopActivity } from '/@/layouts/backend/components/menus/helper'
 import MenuTree from '/@/layouts/backend/components/menus/menuTree.vue'
 import NavMenus from '/@/layouts/backend/components/navMenus.vue'
diff --git a/web/src/layouts/backend/components/navBar/tabs.vue b/web/src/layouts/backend/components/navBar/tabs.vue
index 69aab88d..4259cfae 100644
--- a/web/src/layouts/backend/components/navBar/tabs.vue
+++ b/web/src/layouts/backend/components/navBar/tabs.vue
@@ -21,7 +21,7 @@
 
 <script setup lang="ts">
 import { nextTick, onMounted, reactive, ref } from 'vue'
-import { useRoute, useRouter, onBeforeRouteUpdate, RouteLocationNormalized } from 'vue-router'
+import { useRoute, useRouter, onBeforeRouteUpdate, type RouteLocationNormalized } from 'vue-router'
 import { useConfig } from '/@/stores/config'
 import { useNavTabs } from '/@/stores/navTabs'
 import { useTemplateRefsList } from '@vueuse/core'
diff --git a/web/src/layouts/backend/router-view/main.vue b/web/src/layouts/backend/router-view/main.vue
index 44626ed3..4837494d 100644
--- a/web/src/layouts/backend/router-view/main.vue
+++ b/web/src/layouts/backend/router-view/main.vue
@@ -14,12 +14,12 @@
 
 <script setup lang="ts">
 import { ref, reactive, onMounted, watch, onBeforeMount, onUnmounted, nextTick, provide } from 'vue'
-import { useRoute, RouteLocationNormalized } from 'vue-router'
+import { useRoute, type RouteLocationNormalized } from 'vue-router'
 import { mainHeight as layoutMainScrollbarStyle } from '/@/utils/layout'
 import useCurrentInstance from '/@/utils/useCurrentInstance'
 import { useConfig } from '/@/stores/config'
 import { useNavTabs } from '/@/stores/navTabs'
-import { ScrollbarInstance } from 'element-plus'
+import type { ScrollbarInstance } from 'element-plus'
 
 defineOptions({
     name: 'layout/main',
diff --git a/web/src/layouts/frontend/components/aside.vue b/web/src/layouts/frontend/components/aside.vue
index 33b12524..ce7176cc 100644
--- a/web/src/layouts/frontend/components/aside.vue
+++ b/web/src/layouts/frontend/components/aside.vue
@@ -49,7 +49,7 @@
 </template>
 
 <script setup lang="ts">
-import { useRouter, RouteRecordRaw } from 'vue-router'
+import { useRouter, type RouteRecordRaw } from 'vue-router'
 import { useUserInfo } from '/@/stores/userInfo'
 import { useMemberCenter } from '/@/stores/memberCenter'
 import { onClickMenu } from '/@/utils/router'
diff --git a/web/src/layouts/frontend/components/menu.vue b/web/src/layouts/frontend/components/menu.vue
index 08859527..c34278c4 100644
--- a/web/src/layouts/frontend/components/menu.vue
+++ b/web/src/layouts/frontend/components/menu.vue
@@ -78,7 +78,8 @@ import { fullUrl } from '/@/utils/common'
 import MenuSub from '/@/layouts/frontend/components/menuSub.vue'
 import toggleDark from '/@/utils/useDark'
 import DarkSwitch from '/@/layouts/common/components/darkSwitch.vue'
-import { RouteLocationNormalizedLoaded, useRoute, useRouter, RouteRecordRaw } from 'vue-router'
+import { useRoute, useRouter } from 'vue-router'
+import type { RouteLocationNormalizedLoaded, RouteRecordRaw } from 'vue-router'
 
 const route = useRoute()
 const router = useRouter()
diff --git a/web/src/layouts/frontend/components/menuSub.vue b/web/src/layouts/frontend/components/menuSub.vue
index 98833f69..16197d5c 100644
--- a/web/src/layouts/frontend/components/menuSub.vue
+++ b/web/src/layouts/frontend/components/menuSub.vue
@@ -21,7 +21,7 @@
 <script setup lang="ts">
 import { isEmpty } from 'lodash-es'
 import { onClickMenu } from '/@/utils/router'
-import { RouteRecordRaw } from 'vue-router'
+import type { RouteRecordRaw } from 'vue-router'
 import MenuSub from '/@/layouts/frontend/components/menuSub.vue'
 
 interface Props {
diff --git a/web/src/layouts/frontend/container/default.vue b/web/src/layouts/frontend/container/default.vue
index f97bcb24..033b86ec 100644
--- a/web/src/layouts/frontend/container/default.vue
+++ b/web/src/layouts/frontend/container/default.vue
@@ -20,7 +20,7 @@ import Aside from '/@/layouts/frontend/components/aside.vue'
 import Main from '/@/layouts/frontend/components/main.vue'
 import Footer from '/@/layouts/frontend/components/footer.vue'
 import { mainHeight as layoutMainScrollbarStyle } from '/@/utils/layout'
-import { ScrollbarInstance } from 'element-plus'
+import type { ScrollbarInstance } from 'element-plus'
 
 const mainScrollbarRef = ref<ScrollbarInstance>()
 
diff --git a/web/src/router/static.ts b/web/src/router/static.ts
index f123b834..a4823d95 100644
--- a/web/src/router/static.ts
+++ b/web/src/router/static.ts
@@ -1,4 +1,4 @@
-import { RouteRecordRaw } from 'vue-router'
+import type { RouteRecordRaw } from 'vue-router'
 
 const pageTitle = (name: string): string => {
     return `pagesTitle.${name}`
diff --git a/web/src/stores/adminInfo.ts b/web/src/stores/adminInfo.ts
index aa4678a2..e0ff9404 100644
--- a/web/src/stores/adminInfo.ts
+++ b/web/src/stores/adminInfo.ts
@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia'
 import { ADMIN_INFO } from '/@/stores/constant/cacheKey'
-import { AdminInfo } from '/@/stores/interface'
+import type { AdminInfo } from '/@/stores/interface'
 
 export const useAdminInfo = defineStore('adminInfo', {
     state: (): AdminInfo => {
diff --git a/web/src/stores/baAccount.ts b/web/src/stores/baAccount.ts
index 6aabc1dd..4a3790c9 100644
--- a/web/src/stores/baAccount.ts
+++ b/web/src/stores/baAccount.ts
@@ -1,9 +1,9 @@
 import { defineStore } from 'pinia'
 import { BA_ACCOUNT } from '/@/stores/constant/cacheKey'
-import { UserInfo } from '/@/stores/interface'
 import { postLogout } from '/@/api/backend/module'
 import { Local } from '/@/utils/storage'
 import router from '../router'
+import type { UserInfo } from '/@/stores/interface'
 
 export const useBaAccount = defineStore('baAccount', {
     state: (): Partial<UserInfo> => {
diff --git a/web/src/stores/config.ts b/web/src/stores/config.ts
index 9e26c21d..a81e45d3 100644
--- a/web/src/stores/config.ts
+++ b/web/src/stores/config.ts
@@ -1,7 +1,7 @@
 import { reactive } from 'vue'
 import { defineStore } from 'pinia'
 import { STORE_CONFIG } from '/@/stores/constant/cacheKey'
-import { Layout } from '/@/stores/interface'
+import type { Layout } from '/@/stores/interface'
 
 export const useConfig = defineStore(
     'config',
diff --git a/web/src/stores/interface/index.ts b/web/src/stores/interface/index.ts
index 88647bf9..e2757940 100644
--- a/web/src/stores/interface/index.ts
+++ b/web/src/stores/interface/index.ts
@@ -1,5 +1,5 @@
 // 变量名对应含义请在 /stores/* 里边找
-import { RouteRecordRaw, RouteLocationNormalized } from 'vue-router'
+import type { RouteRecordRaw, RouteLocationNormalized } from 'vue-router'
 
 export interface Layout {
     showDrawer: boolean
diff --git a/web/src/stores/memberCenter.ts b/web/src/stores/memberCenter.ts
index 13318e07..235e1579 100644
--- a/web/src/stores/memberCenter.ts
+++ b/web/src/stores/memberCenter.ts
@@ -1,7 +1,7 @@
 import { reactive } from 'vue'
 import { defineStore } from 'pinia'
-import { MemberCenter } from '/@/stores/interface/index'
-import { RouteLocationNormalized, RouteRecordRaw } from 'vue-router'
+import type { MemberCenter } from '/@/stores/interface/index'
+import type { RouteLocationNormalized, RouteRecordRaw } from 'vue-router'
 
 export const useMemberCenter = defineStore('memberCenter', () => {
     const state: MemberCenter = reactive({
diff --git a/web/src/stores/navTabs.ts b/web/src/stores/navTabs.ts
index 82a94337..33ee82ed 100644
--- a/web/src/stores/navTabs.ts
+++ b/web/src/stores/navTabs.ts
@@ -3,8 +3,8 @@ import { reactive } from 'vue'
 import { i18n } from '../lang'
 import { defineStore } from 'pinia'
 import { STORE_TAB_VIEW_CONFIG } from '/@/stores/constant/cacheKey'
-import { NavTabs } from '/@/stores/interface/index'
-import { RouteLocationNormalized, RouteRecordRaw } from 'vue-router'
+import type { NavTabs } from '/@/stores/interface/index'
+import type { RouteLocationNormalized, RouteRecordRaw } from 'vue-router'
 
 export const useNavTabs = defineStore(
     'navTabs',
diff --git a/web/src/stores/siteConfig.ts b/web/src/stores/siteConfig.ts
index dafd65ec..d9269bce 100644
--- a/web/src/stores/siteConfig.ts
+++ b/web/src/stores/siteConfig.ts
@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia'
-import { RouteRecordRaw } from 'vue-router'
-import { SiteConfig } from '/@/stores/interface'
+import type { RouteRecordRaw } from 'vue-router'
+import type { SiteConfig } from '/@/stores/interface'
 
 export const useSiteConfig = defineStore('siteConfig', {
     state: (): SiteConfig => {
diff --git a/web/src/stores/terminal.ts b/web/src/stores/terminal.ts
index 09be866f..0887648f 100644
--- a/web/src/stores/terminal.ts
+++ b/web/src/stores/terminal.ts
@@ -1,7 +1,7 @@
 import { nextTick, reactive } from 'vue'
 import { defineStore } from 'pinia'
 import { STORE_TERMINAL } from '/@/stores/constant/cacheKey'
-import { Terminal } from '/@/stores/interface/index'
+import type { Terminal } from '/@/stores/interface/index'
 import { buildTerminalUrl } from '/@/api/common'
 import { uuid } from '/@/utils/random'
 import { timeFormat } from '/@/utils/common'
diff --git a/web/src/stores/userInfo.ts b/web/src/stores/userInfo.ts
index ad5a4bba..c04e3821 100644
--- a/web/src/stores/userInfo.ts
+++ b/web/src/stores/userInfo.ts
@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia'
 import { USER_INFO } from '/@/stores/constant/cacheKey'
-import { UserInfo } from '/@/stores/interface'
+import type { UserInfo } from '/@/stores/interface'
 import { postLogout } from '/@/api/frontend/user/index'
 import { Local } from '/@/utils/storage'
 import router from '../router'
diff --git a/web/src/utils/axios.ts b/web/src/utils/axios.ts
index 82e956e1..44640078 100644
--- a/web/src/utils/axios.ts
+++ b/web/src/utils/axios.ts
@@ -1,6 +1,6 @@
 import axios from 'axios'
 import type { AxiosRequestConfig, Method } from 'axios'
-import { ElLoading, LoadingOptions, ElNotification } from 'element-plus'
+import { ElLoading, type LoadingOptions, ElNotification } from 'element-plus'
 import { useConfig } from '/@/stores/config'
 import { isAdminApp } from '/@/utils/common'
 import router from '/@/router/index'
diff --git a/web/src/utils/baTable.ts b/web/src/utils/baTable.ts
index 91d59fba..61c39293 100644
--- a/web/src/utils/baTable.ts
+++ b/web/src/utils/baTable.ts
@@ -3,7 +3,8 @@ import { auth, getArrayKey } from '/@/utils/common'
 import type { baTableApi } from '/@/api/common'
 import Sortable from 'sortablejs'
 import { findIndexRow } from '/@/components/table'
-import { ElNotification, FormInstance, TableColumnCtx } from 'element-plus'
+import { ElNotification } from 'element-plus'
+import type { FormInstance, TableColumnCtx } from 'element-plus'
 import { useRoute } from 'vue-router'
 import { cloneDeep } from 'lodash-es'
 import { i18n } from '/@/lang/index'
diff --git a/web/src/utils/common.ts b/web/src/utils/common.ts
index 6e086b97..0408bdee 100644
--- a/web/src/utils/common.ts
+++ b/web/src/utils/common.ts
@@ -5,14 +5,14 @@ import router from '/@/router/index'
 import Icon from '/@/components/icon/index.vue'
 import { useNavTabs } from '/@/stores/navTabs'
 import { useMemberCenter } from '/@/stores/memberCenter'
-import { FormInstance } from 'element-plus'
+import type { FormInstance } from 'element-plus'
 import { useSiteConfig } from '../stores/siteConfig'
 import { useTitle } from '@vueuse/core'
 import { i18n } from '../lang'
 import { getUrl } from './axios'
 import { adminBaseRoute } from '/@/router/static'
 import { trim, trimStart } from 'lodash-es'
-import { TranslateOptions } from 'vue-i18n'
+import type { TranslateOptions } from 'vue-i18n'
 
 export function registerIcons(app: App) {
     /*
diff --git a/web/src/utils/directives.ts b/web/src/utils/directives.ts
index b750ee8e..5736a80a 100644
--- a/web/src/utils/directives.ts
+++ b/web/src/utils/directives.ts
@@ -1,4 +1,5 @@
-import { App, nextTick } from 'vue'
+import type { App } from 'vue'
+import { nextTick } from 'vue'
 import horizontalScroll from '/@/utils/horizontalScroll'
 import { useEventListener } from '@vueuse/core'
 import { isString } from 'lodash-es'
diff --git a/web/src/utils/layout.ts b/web/src/utils/layout.ts
index 671440c1..a382947d 100644
--- a/web/src/utils/layout.ts
+++ b/web/src/utils/layout.ts
@@ -1,4 +1,4 @@
-import { CSSProperties } from 'vue'
+import type { CSSProperties } from 'vue'
 import { useNavTabs } from '/@/stores/navTabs'
 import { useConfig } from '/@/stores/config'
 import { isAdminApp } from '/@/utils/common'
diff --git a/web/src/utils/router.ts b/web/src/utils/router.ts
index 33588152..cb314363 100644
--- a/web/src/utils/router.ts
+++ b/web/src/utils/router.ts
@@ -1,5 +1,6 @@
 import router from '/@/router/index'
-import { isNavigationFailure, NavigationFailureType, RouteRecordRaw, RouteLocationRaw } from 'vue-router'
+import { isNavigationFailure, NavigationFailureType } from 'vue-router'
+import type { RouteRecordRaw, RouteLocationRaw } from 'vue-router'
 import { ElNotification } from 'element-plus'
 import { useConfig } from '/@/stores/config'
 import { useNavTabs } from '/@/stores/navTabs'
diff --git a/web/src/utils/useCurrentInstance.ts b/web/src/utils/useCurrentInstance.ts
index f5d189b2..c0fc26ef 100644
--- a/web/src/utils/useCurrentInstance.ts
+++ b/web/src/utils/useCurrentInstance.ts
@@ -1,4 +1,5 @@
-import { ComponentInternalInstance, getCurrentInstance } from 'vue'
+import { getCurrentInstance } from 'vue'
+import type { ComponentInternalInstance } from 'vue'
 
 export default function useCurrentInstance() {
     if (!getCurrentInstance()) {
diff --git a/web/src/utils/validate.ts b/web/src/utils/validate.ts
index f30818bb..9de738bf 100644
--- a/web/src/utils/validate.ts
+++ b/web/src/utils/validate.ts
@@ -1,5 +1,5 @@
 import type { RuleType } from 'async-validator'
-import { FormItemRule } from 'element-plus'
+import type { FormItemRule } from 'element-plus'
 import { i18n } from '../lang'
 
 /**
diff --git a/web/src/views/backend/crud/design.vue b/web/src/views/backend/crud/design.vue
index 44355a6a..00d2eacd 100644
--- a/web/src/views/backend/crud/design.vue
+++ b/web/src/views/backend/crud/design.vue
@@ -598,10 +598,12 @@ import BaInput from '/@/components/baInput/index.vue'
 import FormItem from '/@/components/formItem/index.vue'
 import type { FieldItem, TableDesignChange, TableDesignChangeType } from '/@/views/backend/crud/index'
 import { cloneDeep, range, isEmpty } from 'lodash-es'
-import Sortable, { SortableEvent } from 'sortablejs'
+import Sortable from 'sortablejs'
+import type { SortableEvent } from 'sortablejs'
 import { useTemplateRefsList } from '@vueuse/core'
 import { changeStep, state as crudState, getTableAttr, fieldItem, designTypes, tableFieldsKey } from '/@/views/backend/crud/index'
-import { ElNotification, FormItemRule, FormInstance, ElMessageBox, TimelineItemProps, ElMessage, MessageHandler } from 'element-plus'
+import { ElNotification, ElMessageBox, ElMessage } from 'element-plus'
+import type { FormItemRule, FormInstance, TimelineItemProps, MessageHandler } from 'element-plus'
 import { getDatabaseList, getFileData, generateCheck, generate, parseFieldData, postLogStart } from '/@/api/backend/crud'
 import { getTableFieldList } from '/@/api/common'
 import { buildValidatorData, regularVarName } from '/@/utils/validate'
diff --git a/web/src/views/backend/crud/start.vue b/web/src/views/backend/crud/start.vue
index 10745c0d..fa868a7b 100644
--- a/web/src/views/backend/crud/start.vue
+++ b/web/src/views/backend/crud/start.vue
@@ -135,7 +135,8 @@ import { ref, reactive } from 'vue'
 import { getDatabaseList, checkCrudLog } from '/@/api/backend/crud'
 import FormItem from '/@/components/formItem/index.vue'
 import { changeStep, state as crudState } from '/@/views/backend/crud/index'
-import { ElNotification, FormInstance, FormItemRule } from 'element-plus'
+import { ElNotification } from 'element-plus'
+import type { FormInstance, FormItemRule } from 'element-plus'
 import { buildValidatorData } from '/@/utils/validate'
 import CrudLog from '/@/views/backend/crud/log.vue'
 import { useI18n } from 'vue-i18n'
diff --git a/web/src/views/backend/module/components/uploadInstall.vue b/web/src/views/backend/module/components/uploadInstall.vue
index d23222ef..aea81d77 100644
--- a/web/src/views/backend/module/components/uploadInstall.vue
+++ b/web/src/views/backend/module/components/uploadInstall.vue
@@ -20,7 +20,7 @@
 
 <script setup lang="ts">
 import { reactive } from 'vue'
-import { UploadFile } from 'element-plus'
+import type { UploadFile } from 'element-plus'
 import { fileUpload } from '/@/api/common'
 import { upload } from '/@/api/backend/module'
 import { onInstall } from '../index'
diff --git a/web/src/views/backend/module/index.ts b/web/src/views/backend/module/index.ts
index af7dbcec..3e80f6d1 100644
--- a/web/src/views/backend/module/index.ts
+++ b/web/src/views/backend/module/index.ts
@@ -4,10 +4,10 @@ import { useBaAccount } from '/@/stores/baAccount'
 import { ElNotification } from 'element-plus'
 import { useTerminal } from '/@/stores/terminal'
 import { taskStatus } from '/@/components/terminal/constant'
-import { moduleInstallState, moduleState } from './types'
+import { moduleInstallState, type moduleState } from './types'
 import { uuid } from '/@/utils/random'
 import { fullUrl } from '/@/utils/common'
-import { UserInfo } from '/@/stores/interface'
+import type { UserInfo } from '/@/stores/interface'
 import { i18n } from '/@/lang/index'
 
 export const loadData = () => {
diff --git a/web/src/views/backend/module/store.ts b/web/src/views/backend/module/store.ts
index 83806086..8e148f6d 100644
--- a/web/src/views/backend/module/store.ts
+++ b/web/src/views/backend/module/store.ts
@@ -1,6 +1,6 @@
 import { reactive } from 'vue'
 import { uuid } from '/@/utils/random'
-import { moduleState } from './types'
+import type { moduleState } from './types'
 
 export const state = reactive<moduleState>({
     loading: {
diff --git a/web/src/views/backend/routine/adminInfo.vue b/web/src/views/backend/routine/adminInfo.vue
index 46f12d0d..25ec972c 100644
--- a/web/src/views/backend/routine/adminInfo.vue
+++ b/web/src/views/backend/routine/adminInfo.vue
@@ -106,7 +106,7 @@
 import { ref, reactive } from 'vue'
 import { useI18n } from 'vue-i18n'
 import { index, log, postData } from '/@/api/backend/routine/AdminInfo'
-import { FormInstance, FormItemRule } from 'element-plus'
+import type { FormInstance, FormItemRule } from 'element-plus'
 import { fullUrl, onResetForm, timeFormat } from '/@/utils/common'
 import { uuid } from '../../../utils/random'
 import { buildValidatorData } from '/@/utils/validate'
diff --git a/web/src/views/backend/routine/config/index.vue b/web/src/views/backend/routine/config/index.vue
index 05018abc..9c176169 100644
--- a/web/src/views/backend/routine/config/index.vue
+++ b/web/src/views/backend/routine/config/index.vue
@@ -111,12 +111,13 @@
 import { ref, reactive, onMounted } from 'vue'
 import FormItem from '/@/components/formItem/index.vue'
 import { index, postData, del, postSendTestMail } from '/@/api/backend/routine/config'
-import { FormInstance, FormItemRule, ElMessageBox, ElNotification } from 'element-plus'
+import { ElMessageBox, ElNotification } from 'element-plus'
+import type { FormInstance, FormItemRule } from 'element-plus'
 import AddFrom from './add.vue'
 import { routePush } from '/@/utils/router'
-import { buildValidatorData, buildValidatorParams } from '/@/utils/validate'
+import { buildValidatorData, type buildValidatorParams } from '/@/utils/validate'
 import { useSiteConfig } from '/@/stores/siteConfig'
-import { SiteConfig } from '/@/stores/interface'
+import type { SiteConfig } from '/@/stores/interface'
 import { useI18n } from 'vue-i18n'
 import { uuid } from '/@/utils/random'
 
@@ -221,7 +222,7 @@ const onSubmit = () => {
             postData('edit', formData).then(() => {
                 for (const key in siteConfig.$state) {
                     if (formData[key] && siteConfig.$state[key as keyof SiteConfig] != formData[key]) {
-                        siteConfig.$state[key as keyof SiteConfig] = formData[key]
+                        ;(siteConfig.$state[key as keyof SiteConfig] as any) = formData[key]
                     }
                 }
             })
diff --git a/web/src/views/frontend/user/account/changePassword.vue b/web/src/views/frontend/user/account/changePassword.vue
index 548edbfd..c7536576 100644
--- a/web/src/views/frontend/user/account/changePassword.vue
+++ b/web/src/views/frontend/user/account/changePassword.vue
@@ -41,7 +41,7 @@
 
 <script setup lang="ts">
 import { ref, reactive } from 'vue'
-import { FormInstance } from 'element-plus'
+import type { FormInstance } from 'element-plus'
 import { onResetForm } from '/@/utils/common'
 import { buildValidatorData } from '/@/utils/validate'
 import { changePassword } from '/@/api/frontend/user/index'
diff --git a/web/src/views/frontend/user/account/profile.vue b/web/src/views/frontend/user/account/profile.vue
index 1faba84d..ea4a929c 100644
--- a/web/src/views/frontend/user/account/profile.vue
+++ b/web/src/views/frontend/user/account/profile.vue
@@ -244,7 +244,7 @@
 <script setup lang="ts">
 import { ref, reactive, onMounted } from 'vue'
 import { useRouter } from 'vue-router'
-import { FormInstance, FormItemRule } from 'element-plus'
+import type { FormInstance, FormItemRule } from 'element-plus'
 import FormItem from '/@/components/formItem/index.vue'
 import { useUserInfo } from '/@/stores/userInfo'
 import { onResetForm } from '/@/utils/common'
diff --git a/web/vite.config.ts b/web/vite.config.ts
index ea1e5e52..2ae122ce 100644
--- a/web/vite.config.ts
+++ b/web/vite.config.ts
@@ -1,6 +1,7 @@
 import vue from '@vitejs/plugin-vue'
 import { resolve } from 'path'
-import { UserConfig, ConfigEnv, ProxyOptions, loadEnv } from 'vite'
+import { loadEnv } from 'vite'
+import type { UserConfig, ConfigEnv, ProxyOptions } from 'vite'
 import { isProd } from '/@/utils/vite'
 import { svgBuilder } from '/@/components/icon/svg/index'