refactor(projects): 抽离格式化相关依赖配置

src/App.vue

@@ -13,8 +13,8 @@
 </template>
 
 <script setup lang="ts">
-import { zhCN, dateZhCN } from 'naive-ui';
-import { useThemeStore, subscribeStore } from '@/store';
+import { dateZhCN, zhCN } from 'naive-ui';
+import { subscribeStore, useThemeStore } from '@/store';
 import { useGlobalEvents } from '@/composables';
 
 const theme = useThemeStore();

src/components/business/LoadingEmptyWrapper.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, watch, nextTick, onUnmounted } from 'vue';
+import { computed, nextTick, onUnmounted, watch } from 'vue';
 import { NETWORK_ERROR_MSG } from '@/config';
 import { useBoolean } from '@/hooks';
 

src/components/common/NaiveProvider.vue

@@ -13,7 +13,7 @@
 
 <script setup lang="ts">
 import { defineComponent, h } from 'vue';
-import { useLoadingBar, useDialog, useMessage, useNotification } from 'naive-ui';
+import { useDialog, useLoadingBar, useMessage, useNotification } from 'naive-ui';
 
 defineOptions({ name: 'NaiveProvider' });
 

src/components/custom/BetterScroll.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch, onMounted } from 'vue';
+import { computed, onMounted, ref, watch } from 'vue';
 import { useElementSize } from '@vueuse/core';
 import BScroll from '@better-scroll/core';
 import type { Options } from '@better-scroll/core';

src/components/custom/CountTo.vue

@@ -2,8 +2,8 @@
   <span>{{ value }}</span>
 </template>
 <script lang="ts" setup>
-import { ref, computed, onMounted, watch, watchEffect } from 'vue';
-import { useTransition, TransitionPresets } from '@vueuse/core';
+import { computed, onMounted, ref, watch, watchEffect } from 'vue';
+import { TransitionPresets, useTransition } from '@vueuse/core';
 import { isNumber } from '@/utils';
 
 defineOptions({ name: 'CountTo' });

src/components/custom/IconSelect.vue

@@ -25,7 +25,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from 'vue';
+import { computed, ref } from 'vue';
 import { Icon } from '@iconify/vue';
 import { useThemeStore } from '@/store';
 

src/composables/echarts.ts

@@ -1,32 +1,32 @@
-import { ref, watch, nextTick, onUnmounted } from 'vue';
-import type { Ref, ComputedRef } from 'vue';
+import { nextTick, onUnmounted, ref, watch } from 'vue';
+import type { ComputedRef, Ref } from 'vue';
 import * as echarts from 'echarts/core';
-import { BarChart, LineChart, PieChart, ScatterChart, PictorialBarChart, RadarChart, GaugeChart } from 'echarts/charts';
+import { BarChart, GaugeChart, LineChart, PictorialBarChart, PieChart, RadarChart, ScatterChart } from 'echarts/charts';
 import type {
   BarSeriesOption,
+  GaugeSeriesOption,
   LineSeriesOption,
-  PieSeriesOption,
-  ScatterSeriesOption,
   PictorialBarSeriesOption,
+  PieSeriesOption,
   RadarSeriesOption,
-  GaugeSeriesOption
+  ScatterSeriesOption
 } from 'echarts/charts';
 import {
-  TitleComponent,
-  LegendComponent,
-  TooltipComponent,
-  GridComponent,
   DatasetComponent,
-  TransformComponent,
-  ToolboxComponent
+  GridComponent,
+  LegendComponent,
+  TitleComponent,
+  ToolboxComponent,
+  TooltipComponent,
+  TransformComponent
 } from 'echarts/components';
 import type {
-  TitleComponentOption,
-  LegendComponentOption,
-  TooltipComponentOption,
+  DatasetComponentOption,
   GridComponentOption,
+  LegendComponentOption,
+  TitleComponentOption,
   ToolboxComponentOption,
-  DatasetComponentOption
+  TooltipComponentOption
 } from 'echarts/components';
 import { LabelLayout, UniversalTransition } from 'echarts/features';
 import { CanvasRenderer } from 'echarts/renderers';

src/composables/events.ts

@@ -1,5 +1,5 @@
 import { useEventListener } from '@vueuse/core';
-import { useThemeStore, useTabStore } from '@/store';
+import { useTabStore, useThemeStore } from '@/store';
 
 /** 全局事件 */
 export function useGlobalEvents() {

src/composables/layout.ts

@@ -1,5 +1,5 @@
 import { computed } from 'vue';
-import { useBreakpoints, breakpointsTailwind } from '@vueuse/core';
+import { breakpointsTailwind, useBreakpoints } from '@vueuse/core';
 import { useAppStore, useThemeStore } from '@/store';
 
 type LayoutMode = 'vertical' | 'horizontal';

src/hooks/business/useCountDown.ts

@@ -1,4 +1,4 @@
-import { ref, computed } from 'vue';
+import { computed, ref } from 'vue';
 import { useBoolean } from '../common';
 
 /**
@@ -7,7 +7,7 @@ import { useBoolean } from '../common';
  */
 export default function useCountDown(second: number) {
   if (second <= 0 && second % 1 !== 0) {
-    throw Error('倒计时的时间应该为一个正整数！');
+    throw new Error('倒计时的时间应该为一个正整数！');
   }
   const { bool: isComplete, setTrue, setFalse } = useBoolean(false);
 

src/hooks/business/useImageVerify.ts

@@ -1,4 +1,4 @@
-import { ref, onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 
 /**
  * 绘制图形验证码

src/hooks/common/useContext.ts

@@ -1,4 +1,4 @@
-import { provide, inject } from 'vue';
+import { inject, provide } from 'vue';
 import type { InjectionKey } from 'vue';
 
 /** 创建共享上下文状态 */

src/layouts/BasicLayout/index.vue

@@ -38,13 +38,13 @@ import { useAppStore, useThemeStore } from '@/store';
 import { useBasicLayout } from '@/composables';
 import { useBoolean } from '@/hooks';
 import {
-  SettingDrawer,
-  GlobalHeader,
-  GlobalTab,
-  GlobalSider,
+  GlobalBackTop,
   GlobalContent,
   GlobalFooter,
-  GlobalBackTop
+  GlobalHeader,
+  GlobalSider,
+  GlobalTab,
+  SettingDrawer
 } from '../common';
 
 defineOptions({ name: 'BasicLayout' });

src/layouts/common/GlobalContent/index.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script setup lang="ts">
-import { useAppStore, useThemeStore, useRouteStore } from '@/store';
+import { useAppStore, useRouteStore, useThemeStore } from '@/store';
 
 defineOptions({ name: 'GlobalContent' });
 

src/layouts/common/GlobalHeader/components/GlobalBreadcrumb.vue

@@ -30,7 +30,7 @@
 import { computed } from 'vue';
 import { useRoute } from 'vue-router';
 import { routePath } from '@/router';
-import { useThemeStore, useRouteStore } from '@/store';
+import { useRouteStore, useThemeStore } from '@/store';
 import { useRouterPush } from '@/composables';
 import { getBreadcrumbByRouteKey } from '@/utils';
 

src/layouts/common/GlobalHeader/components/SystemMessage.vue

@@ -43,7 +43,7 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, computed } from 'vue';
+import { computed, ref } from 'vue';
 import { useThemeStore } from '@/store';
 import { useBoolean } from '@/hooks';
 import MessageList from './MessageList.vue';

src/layouts/common/GlobalHeader/index.vue

@@ -24,15 +24,15 @@ import { useBasicLayout } from '@/composables';
 import GlobalLogo from '../GlobalLogo/index.vue';
 import GlobalSearch from '../GlobalSearch/index.vue';
 import {
-  MenuCollapse,
+  FullScreen,
+  GithubSite,
   GlobalBreadcrumb,
   HeaderMenu,
-  GithubSite,
-  FullScreen,
-  ThemeMode,
-  UserAvatar,
+  MenuCollapse,
+  SettingButton,
   SystemMessage,
-  SettingButton
+  ThemeMode,
+  UserAvatar
 } from './components';
 
 defineOptions({ name: 'GlobalHeader' });

src/layouts/common/GlobalSearch/components/SearchModal.vue

@@ -24,9 +24,9 @@
 </template>
 
 <script lang="ts" setup>
-import { ref, shallowRef, computed, watch, nextTick } from 'vue';
+import { computed, nextTick, ref, shallowRef, watch } from 'vue';
 import { useRouter } from 'vue-router';
-import { useDebounceFn, onKeyStroke } from '@vueuse/core';
+import { onKeyStroke, useDebounceFn } from '@vueuse/core';
 import { useRouteStore } from '@/store';
 import SearchResult from './SearchResult.vue';
 import SearchFooter from './SearchFooter.vue';

src/layouts/common/GlobalSider/components/VerticalMixSider/components/MixMenuDrawer.vue

@@ -29,7 +29,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, computed, watch } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
 import type { MenuOption } from 'naive-ui';
 import { useAppStore, useThemeStore } from '@/store';

src/layouts/common/GlobalSider/components/VerticalMixSider/index.vue

@@ -23,11 +23,11 @@
 <script setup lang="ts">
 import { computed, ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
-import { useAppStore, useThemeStore, useRouteStore } from '@/store';
+import { useAppStore, useRouteStore, useThemeStore } from '@/store';
 import { useRouterPush } from '@/composables';
 import { useBoolean } from '@/hooks';
 import { GlobalLogo } from '@/layouts/common';
-import { MixMenuDetail, MixMenuDrawer, MixMenuCollapse } from './components';
+import { MixMenuCollapse, MixMenuDetail, MixMenuDrawer } from './components';
 
 defineOptions({ name: 'VerticalMixSider' });
 

src/layouts/common/GlobalSider/components/VerticalSider/components/VerticalMenu.vue

@@ -5,7 +5,7 @@
       :collapsed="app.siderCollapse"
       :collapsed-width="theme.sider.collapsedWidth"
       :collapsed-icon-size="22"
-      :options="routeStore.menus"
+      :options="menus"
       :expanded-keys="expandedKeys"
       :indent="18"
       :inverted="theme.sider.inverted"
@@ -19,7 +19,7 @@
 import { computed, ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
 import type { MenuOption } from 'naive-ui';
-import { useAppStore, useThemeStore, useRouteStore } from '@/store';
+import { useAppStore, useRouteStore, useThemeStore } from '@/store';
 import { useRouterPush } from '@/composables';
 import { getActiveKeyPathsOfMenus } from '@/utils';
 
@@ -31,6 +31,8 @@ const theme = useThemeStore();
 const routeStore = useRouteStore();
 const { routerPush } = useRouterPush();
 
+const menus = computed(() => routeStore.menus as GlobalMenuOption[]);
+
 const activeKey = computed(() => (route.meta?.activeMenu ? route.meta.activeMenu : route.name) as string);
 const expandedKeys = ref<string[]>([]);
 
@@ -46,7 +48,7 @@ function handleUpdateExpandedKeys(keys: string[]) {
 watch(
   () => route.name,
   () => {
-    expandedKeys.value = getActiveKeyPathsOfMenus(activeKey.value, routeStore.menus);
+    expandedKeys.value = getActiveKeyPathsOfMenus(activeKey.value, menus.value);
   },
   { immediate: true }
 );

src/layouts/common/GlobalSider/index.vue

@@ -6,7 +6,7 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { useThemeStore } from '@/store';
-import { VerticalSider, VerticalMixSider } from './components';
+import { VerticalMixSider, VerticalSider } from './components';
 
 defineOptions({ name: 'GlobalSider' });
 

src/layouts/common/GlobalTab/components/TabDetail/index.vue

@@ -26,10 +26,10 @@
 </template>
 
 <script setup lang="ts">
-import { ref, reactive, computed, nextTick, watch } from 'vue';
-import { ChromeTab, ButtonTab } from '@soybeanjs/vue-admin-tab';
+import { computed, nextTick, reactive, ref, watch } from 'vue';
+import { ButtonTab, ChromeTab } from '@soybeanjs/vue-admin-tab';
 import { Icon } from '@iconify/vue';
-import { useThemeStore, useTabStore } from '@/store';
+import { useTabStore, useThemeStore } from '@/store';
 import { ContextMenu } from './components';
 
 defineOptions({ name: 'TabDetail' });

src/layouts/common/GlobalTab/index.vue

@@ -13,9 +13,9 @@
 import { ref, watch } from 'vue';
 import { useRoute } from 'vue-router';
 import { useElementBounding } from '@vueuse/core';
-import { useThemeStore, useTabStore } from '@/store';
+import { useTabStore, useThemeStore } from '@/store';
 import { useDeviceInfo } from '@/composables';
-import { TabDetail, ReloadButton } from './components';
+import { ReloadButton, TabDetail } from './components';
 
 defineOptions({ name: 'GlobalTab' });
 

src/layouts/common/SettingDrawer/components/ThemeConfig/index.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, onMounted, onUnmounted } from 'vue';
+import { onMounted, onUnmounted, ref, watch } from 'vue';
 import Clipboard from 'clipboard';
 import { useThemeStore } from '@/store';
 

src/layouts/common/SettingDrawer/index.vue

@@ -14,7 +14,7 @@
 
 <script setup lang="ts">
 import { useAppStore } from '@/store';
-import { DrawerButton, DarkMode, LayoutMode, ThemeColorSelect, PageFunc, PageView, ThemeConfig } from './components';
+import { DarkMode, DrawerButton, LayoutMode, PageFunc, PageView, ThemeColorSelect, ThemeConfig } from './components';
 
 defineOptions({ name: 'SettingDrawer' });
 

src/main.ts

@@ -1,9 +1,9 @@
 import { createApp } from 'vue';
-import { setupAssets } from './plugins';
-import { setupStore } from './store';
+import App from './App.vue';
 import { setupDirectives } from './directives';
 import { setupRouter } from './router';
-import App from './App.vue';
+import { setupAssets } from './plugins';
+import { setupStore } from './store';
 
 async function setupApp() {
   // import assets: js、css

src/plugins/assets.ts

@@ -6,6 +6,4 @@ import 'virtual:svg-icons-register';
 import '../styles/css/global.css';
 
 /** import static assets: css, js , font and so on. - [引入静态资源，css、js和字体文件等] */
-export default function setupAssets() {
-  //
-}
+export default function setupAssets() {}

src/router/guard/dynamic.ts

@@ -1,4 +1,4 @@
-import type { RouteLocationNormalized, NavigationGuardNext } from 'vue-router';
+import type { NavigationGuardNext, RouteLocationNormalized } from 'vue-router';
 import { routeName } from '@/router';
 import { useRouteStore } from '@/store';
 import { getToken } from '@/utils';

src/router/guard/permission.ts

@@ -1,4 +1,4 @@
-import type { RouteLocationNormalized, NavigationGuardNext } from 'vue-router';
+import type { NavigationGuardNext, RouteLocationNormalized } from 'vue-router';
 import { routeName } from '@/router';
 import { useAuthStore } from '@/store';
 import { exeStrategyActions, getToken } from '@/utils';

src/router/index.ts

@@ -1,5 +1,5 @@
 import type { App } from 'vue';
-import { createRouter, createWebHistory, createWebHashHistory } from 'vue-router';
+import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router';
 import { transformAuthRoutesToVueRoutes, transformRouteNameToRoutePath } from '@/utils';
 import { constantRoutes } from './routes';
 import { scrollBehavior } from './helpers';

src/service/api/demo.ts

@@ -1,5 +1,5 @@
 import { adapter } from '@/utils';
-import { request, mockRequest } from '../request';
+import { mockRequest, request } from '../request';
 import { adapterOfFetchDataWithAdapter } from './demo.adapter';
 
 /** 带有适配器的请求示例 */

src/service/request/helpers.ts

@@ -1,6 +1,6 @@
 import type { AxiosRequestConfig } from 'axios';
 import { useAuthStore } from '@/store';
-import { getRefreshToken, setToken, setRefreshToken } from '@/utils';
+import { getRefreshToken, setRefreshToken, setToken } from '@/utils';
 import { fetchUpdateToken } from '../api';
 
 /**

src/service/request/instance.ts

@@ -1,13 +1,13 @@
 import axios from 'axios';
-import type { AxiosRequestConfig, AxiosInstance, AxiosError } from 'axios';
+import type { AxiosError, AxiosInstance, AxiosRequestConfig } from 'axios';
 import { REFRESH_TOKEN_CODE } from '@/config';
 import {
   getToken,
-  transformRequestData,
   handleAxiosError,
-  handleResponseError,
   handleBackendError,
-  handleServiceResult
+  handleResponseError,
+  handleServiceResult,
+  transformRequestData
 } from '@/utils';
 import { handleRefreshToken } from './helpers';
 

src/service/request/request.ts

@@ -1,7 +1,7 @@
 import { ref } from 'vue';
 import type { Ref } from 'vue';
 import type { AxiosInstance, AxiosRequestConfig } from 'axios';
-import { useLoading, useBoolean } from '@/hooks';
+import { useBoolean, useLoading } from '@/hooks';
 import CustomAxiosInstance from './instance';
 
 type RequestMethod = 'get' | 'post' | 'put' | 'delete';
@@ -89,12 +89,12 @@ export function createRequest(axiosConfig: AxiosRequestConfig, backendConfig?: S
   };
 }
 
-type RequestResultHook<T = any> = {
+interface RequestResultHook<T = any> {
   data: Ref<T | null>;
   error: Ref<Service.RequestError | null>;
   loading: Ref<boolean>;
   network: Ref<boolean>;
-};
+}
 
 /**
  * 创建hooks请求

src/settings/theme.ts

@@ -1,4 +1,4 @@
-import { EnumThemeLayoutMode, EnumThemeTabMode, EnumThemeHorizontalMenuPosition, EnumThemeAnimateMode } from '@/enum';
+import { EnumThemeAnimateMode, EnumThemeHorizontalMenuPosition, EnumThemeLayoutMode, EnumThemeTabMode } from '@/enum';
 import jsonSetting from './theme.json';
 
 const themeColorList = [

src/store/modules/auth/index.ts

@@ -3,7 +3,7 @@ import { defineStore } from 'pinia';
 import { router } from '@/router';
 import { fetchLogin, fetchUserInfo } from '@/service';
 import { useRouterPush } from '@/composables';
-import { getUserInfo, getToken, setUserInfo, setToken, setRefreshToken, clearAuthStorage } from '@/utils';
+import { clearAuthStorage, getToken, getUserInfo, setRefreshToken, setToken, setUserInfo } from '@/utils';
 import { useTabStore } from '../tab';
 import { useRouteStore } from '../route';
 

src/store/modules/route/index.ts

@@ -1,17 +1,17 @@
 import { defineStore } from 'pinia';
-import { router, ROOT_ROUTE, constantRoutes, routes as staticRoutes } from '@/router';
+import { ROOT_ROUTE, constantRoutes, router, routes as staticRoutes } from '@/router';
 import { fetchUserRoutes } from '@/service';
 import {
+  filterAuthRoutesByUserPermission,
+  getCacheRoutes,
+  getConstantRouteNames,
   getUserInfo,
   transformAuthRouteToMenu,
-  transformAuthRoutesToVueRoutes,
   transformAuthRouteToVueRoute,
   transformAuthRoutesToSearchMenus,
-  getCacheRoutes,
-  filterAuthRoutesByUserPermission,
-  transformRoutePathToRouteName,
+  transformAuthRoutesToVueRoutes,
   transformRouteNameToRoutePath,
-  getConstantRouteNames
+  transformRoutePathToRouteName
 } from '@/utils';
 import { useAuthStore } from '../auth';
 import { useTabStore } from '../tab';
@@ -66,7 +66,7 @@ export const useRouteStore = defineStore('route-store', {
      * @param routes - 权限路由
      */
     handleAuthRoutes(routes: AuthRoute.Route[]) {
-      this.menus = transformAuthRouteToMenu(routes);
+      (this.menus as GlobalMenuOption[]) = transformAuthRouteToMenu(routes);
       this.searchMenus = transformAuthRoutesToSearchMenus(routes);
 
       const vueRoutes = transformAuthRoutesToVueRoutes(routes);
@@ -80,7 +80,7 @@ export const useRouteStore = defineStore('route-store', {
     /** 动态路由模式下：更新根路由的重定向 */
     handleUpdateRootRedirect(routeKey: AuthRoute.RouteKey) {
       if (routeKey === 'root' || routeKey === 'not-found-page') {
-        throw Error('routeKey的值不能为root或者not-found-page');
+        throw new Error('routeKey的值不能为root或者not-found-page');
       }
       const rootRoute: AuthRoute.Route = { ...ROOT_ROUTE, redirect: transformRouteNameToRoutePath(routeKey) };
       const rootRouteName: AuthRoute.RouteKey = 'root';

src/store/modules/tab/helpers.ts

@@ -1,6 +1,6 @@
-import type { RouteRecordNormalized, RouteLocationNormalizedLoaded } from 'vue-router';
+import type { RouteLocationNormalizedLoaded, RouteRecordNormalized } from 'vue-router';
 import { EnumStorageKey } from '@/enum';
-import { setLocal, getLocal } from '@/utils';
+import { getLocal, setLocal } from '@/utils';
 
 /**
  * 根据vue路由获取tab路由

src/store/modules/tab/index.ts

@@ -1,15 +1,15 @@
-import type { Router, RouteLocationNormalizedLoaded } from 'vue-router';
+import type { RouteLocationNormalizedLoaded, Router } from 'vue-router';
 import { defineStore } from 'pinia';
 import { useRouterPush } from '@/composables';
 import { useThemeStore } from '../theme';
 import {
-  getTabRouteByVueRoute,
-  isInTabRoutes,
+  clearTabRoutes,
   getIndexInTabRoutes,
   getIndexInTabRoutesByRouteName,
-  setTabRoutes,
+  getTabRouteByVueRoute,
   getTabRoutes,
-  clearTabRoutes
+  isInTabRoutes,
+  setTabRoutes
 } from './helpers';
 
 interface TabState {

src/store/modules/theme/helpers.ts

@@ -2,7 +2,7 @@ import type { GlobalThemeOverrides } from 'naive-ui';
 import { cloneDeep } from 'lodash-es';
 import { themeSetting } from '@/settings';
 import { EnumStorageKey } from '@/enum';
-import { getThemeColor, getColorPalette, addColorAlpha, setLocal, getLocal, removeLocal } from '@/utils';
+import { addColorAlpha, getColorPalette, getLocal, getThemeColor, removeLocal, setLocal } from '@/utils';
 
 /** 初始化主题配置 */
 export function initThemeSettings() {

src/store/modules/theme/index.ts

@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia';
 import { darkTheme } from 'naive-ui';
-import { initThemeSettings, getNaiveThemeOverrides, setThemeSettings, clearThemeSettings } from './helpers';
+import { clearThemeSettings, getNaiveThemeOverrides, initThemeSettings, setThemeSettings } from './helpers';
 
 type ThemeState = Theme.Setting;
 

src/store/subscribe/theme.ts

@@ -1,4 +1,4 @@
-import { watch, onUnmounted } from 'vue';
+import { onUnmounted, watch } from 'vue';
 import { useOsTheme } from 'naive-ui';
 import type { GlobalThemeOverrides } from 'naive-ui';
 import { useElementSize } from '@vueuse/core';

src/typings/route.d.ts

@@ -79,7 +79,7 @@ declare namespace AuthRoute {
   type RouteComponent = 'basic' | 'blank' | 'multi' | 'self';
 
   /** 路由描述 */
-  type RouteMeta = {
+  interface RouteMeta {
     /** 路由标题(可用来作document.title或者菜单的名称) */
     title: string;
     /** 路由的动态路径(需要动态路径的页面需要将path添加进范型参数) */
@@ -111,7 +111,7 @@ declare namespace AuthRoute {
     activeMenu?: RouteKey;
     /** 表示是否是多级路由的中间级路由(用于转换路由数据时筛选多级路由的标识，定义路由时不用填写) */
     multi?: boolean;
-  };
+  }
 
   /** 单个路由的类型结构(动态路由模式：后端返回此类型结构的路由) */
   interface Route {

src/typings/system.d.ts

@@ -265,7 +265,7 @@ interface GlobalHeaderProps {
 }
 
 /** 菜单项配置 */
-type GlobalMenuOption = {
+type GlobalMenuOption = import('naive-ui').MenuOption & {
   key: string;
   label: string;
   routeName: string;

src/utils/auth/user.ts

@@ -1,5 +1,5 @@
 import { EnumStorageKey } from '@/enum';
-import { setLocal, getLocal, removeLocal } from '../storage';
+import { getLocal, removeLocal, setLocal } from '../storage';
 
 /** 设置token */
 export function setToken(token: string) {

src/utils/form/rule.ts

@@ -1,6 +1,6 @@
 import type { Ref } from 'vue';
 import type { FormItemRule } from 'naive-ui';
-import { REGEXP_PHONE, REGEXP_PWD, REGEXP_CODE_SIX, REGEXP_EMAIL } from '@/config';
+import { REGEXP_CODE_SIX, REGEXP_EMAIL, REGEXP_PHONE, REGEXP_PWD } from '@/config';
 
 /** 表单规则 */
 interface CustomFormRules {

src/utils/router/menu.ts

@@ -1,4 +1,4 @@
-import { iconifyRender, customIconRender } from '../common';
+import { customIconRender, iconifyRender } from '../common';
 
 /** 路由不转换菜单 */
 function hideInMenu(route: AuthRoute.Route) {
@@ -74,7 +74,7 @@ function getActiveKeyPathsOfMenu(activeKey: string, menu: GlobalMenuOption) {
     keys.push(menu.routeName);
   }
   if (menu.children) {
-    keys.push(...menu.children.map(item => getActiveKeyPathsOfMenu(activeKey, item)).flat(1));
+    keys.push(...menu.children.map(item => getActiveKeyPathsOfMenu(activeKey, item as GlobalMenuOption)).flat(1));
   }
   return keys;
 }

src/utils/service/error.ts

@@ -2,11 +2,11 @@ import type { AxiosError, AxiosResponse } from 'axios';
 import {
   DEFAULT_REQUEST_ERROR_CODE,
   DEFAULT_REQUEST_ERROR_MSG,
+  ERROR_STATUS,
   NETWORK_ERROR_CODE,
   NETWORK_ERROR_MSG,
   REQUEST_TIMEOUT_CODE,
-  REQUEST_TIMEOUT_MSG,
-  ERROR_STATUS
+  REQUEST_TIMEOUT_MSG
 } from '@/config';
 import { exeStrategyActions } from '../common';
 import { showErrorMsg } from './msg';

src/utils/service/msg.ts

@@ -1,4 +1,4 @@
-import { NO_ERROR_MSG_CODE, ERROR_MSG_DURATION } from '@/config';
+import { ERROR_MSG_DURATION, NO_ERROR_MSG_CODE } from '@/config';
 
 /** 错误消息栈，防止同一错误同时出现 */
 const errorMsgStack = new Map<string | number, string>([]);

src/utils/storage/local.ts

@@ -1,4 +1,4 @@
-import { encrypto, decrypto } from '../crypto';
+import { decrypto, encrypto } from '../crypto';
 
 interface StorageData {
   value: unknown;

src/utils/storage/session.ts

@@ -1,4 +1,4 @@
-import { encrypto, decrypto } from '../crypto';
+import { decrypto, encrypto } from '../crypto';
 
 export function setSession(key: string, value: unknown) {
   const json = encrypto(value);

src/views/about/index.vue

@@ -8,7 +8,7 @@
 </template>
 
 <script setup lang="ts">
-import { ProjectIntroduction, ProjectInfo, ProDependency, DevDependency } from './components';
+import { DevDependency, ProDependency, ProjectInfo, ProjectIntroduction } from './components';
 </script>
 
 <style scoped></style>

src/views/component/table/index.vue

@@ -15,7 +15,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 import type { DataTableColumn } from 'naive-ui';
 import { useLoadingEmpty } from '@/hooks';
 import { getRandomInteger } from '@/utils';

src/views/dashboard/analysis/components/TopChart/index.vue

@@ -32,7 +32,7 @@
 
 <script setup lang="ts">
 import { ref } from 'vue';
-import { useEcharts, type ECOption } from '@/composables';
+import { type ECOption, useEcharts } from '@/composables';
 
 defineOptions({ name: 'DashboardAnalysisTopCard' });
 

src/views/dashboard/analysis/index.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts" setup>
-import { TopChart, DataCard, BottomPart } from './components';
+import { BottomPart, DataCard, TopChart } from './components';
 </script>
 
 <style scoped></style>

src/views/dashboard/workbench/components/WorkbenchMain/index.vue

@@ -45,7 +45,7 @@
 </template>
 
 <script setup lang="ts">
-import { TechnologyCard, ShortcutsCard } from './components';
+import { ShortcutsCard, TechnologyCard } from './components';
 
 defineOptions({ name: 'DashboardWorkbenchMain' });
 

src/views/management/user/components/TableActionModal.vue

@@ -29,7 +29,7 @@
 </template>
 
 <script setup lang="ts">
-import { reactive, computed, watch } from 'vue';
+import { computed, reactive, watch } from 'vue';
 
 defineOptions({ name: 'TableActionModal' });
 

src/views/management/user/index.vue

@@ -26,11 +26,11 @@
 </template>
 
 <script setup lang="tsx">
-import { ref, reactive } from 'vue';
-import { NSwitch, NTag, NSpace, NPopconfirm, NButton } from 'naive-ui';
+import { reactive, ref } from 'vue';
+import { NButton, NPopconfirm, NSpace, NSwitch, NTag } from 'naive-ui';
 import type { DataTableColumns, PaginationProps } from 'naive-ui';
 import { fetchUserManagementList } from '@/service';
-import { useLoading, useBoolean } from '@/hooks';
+import { useBoolean, useLoading } from '@/hooks';
 import { TableActionModal } from './components';
 
 const { loading, startLoading, endLoading } = useLoading(false);

src/views/plugin/charts/antv/index.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 import DataSet from '@antv/data-set';
 import { Chart } from '@antv/g2';
 

src/views/plugin/charts/echarts/index.vue

@@ -25,9 +25,9 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onUnmounted } from 'vue';
+import { onUnmounted, ref } from 'vue';
 import { graphic } from 'echarts';
-import { useEcharts, type ECOption } from '@/composables';
+import { type ECOption, useEcharts } from '@/composables';
 
 const pieOptions = ref<ECOption>({
   legend: {},

src/views/plugin/editor/markdown/index.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, onMounted, onUnmounted } from 'vue';
+import { onMounted, onUnmounted, ref, watch } from 'vue';
 import Vditor from 'vditor';
 import 'vditor/dist/index.css';
 import { useThemeStore } from '@/store';

src/views/plugin/editor/quill/index.vue

@@ -10,7 +10,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 import WangEditor from 'wangeditor';
 
 const editor = ref<WangEditor>();

src/views/plugin/map/components/BaiduMap.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 import { useScriptTag } from '@vueuse/core';
 import { BAIDU_MAP_SDK_URL } from '@/config';
 

src/views/plugin/map/components/GaodeMap.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 import { useScriptTag } from '@vueuse/core';
 import { GAODE_MAP_SDK_URL } from '@/config';
 

src/views/plugin/map/components/TencentMap.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted } from 'vue';
+import { onMounted, ref } from 'vue';
 import { useScriptTag } from '@vueuse/core';
 import { TENCENT_MAP_SDK_URL } from '@/config';
 

src/views/plugin/map/index.vue

@@ -12,7 +12,7 @@
 
 <script setup lang="ts">
 import type { Component } from 'vue';
-import { GaodeMap, TencentMap, BaiduMap } from './components';
+import { BaiduMap, GaodeMap, TencentMap } from './components';
 
 interface Map {
   id: string;

src/views/plugin/video/index.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, onMounted, onUnmounted } from 'vue';
+import { onMounted, onUnmounted, ref } from 'vue';
 import Player from 'xgplayer';
 
 const domRef = ref<HTMLElement>();

src/views/system-view/login/components/LoginBg/index.vue

@@ -12,7 +12,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue';
 import { getColorPalette } from '@/utils';
-import { CornerTop, CornerBottom } from './components';
+import { CornerBottom, CornerTop } from './components';
 
 interface Props {
   /** 主题颜色 */

src/views/system-view/login/index.vue

@@ -34,7 +34,7 @@ import { EnumLoginModule } from '@/enum';
 import { useThemeStore } from '@/store';
 import { useAppInfo } from '@/composables';
 import { getColorPalette, mixColor } from '@/utils';
-import { LoginBg, PwdLogin, CodeLogin, Register, ResetPwd, BindWechat } from './components';
+import { BindWechat, CodeLogin, LoginBg, PwdLogin, Register, ResetPwd } from './components';
 
 interface Props {
   /** 登录模块分类 */