From 7da454563b16092102185d23b5b4f7100a21b2cd Mon Sep 17 00:00:00 2001
From: chansee97 <chen.dev@foxmail.com>
Date: Sat, 14 Sep 2024 08:09:20 +0800
Subject: [PATCH] fix: import order

---
 build/plugins.ts                              | 12 ++++-----
 src/App.vue                                   |  2 +-
 src/components/common/DarkModeSwitch.vue      |  6 ++---
 .../custom/Editor/MarkDownEditor/index.vue    |  4 +--
 .../custom/Editor/RichTextEditor/index.vue    |  2 +-
 src/hooks/useEcharts.ts                       | 10 +++----
 src/hooks/usePermission.ts                    |  2 +-
 .../components/common/SettingDrawer.vue       |  2 +-
 src/layouts/components/header/Search.vue      |  2 +-
 src/layouts/components/header/UserCenter.vue  |  8 +++---
 src/layouts/components/index.ts               | 26 +++++++++----------
 src/layouts/components/tab/TabBar.vue         | 10 +++----
 src/layouts/index.vue                         |  8 +++---
 src/layouts/leftMenu.layout.vue               |  2 +-
 src/layouts/mixMenu.layout.vue                |  2 +-
 src/layouts/topMenu.layout.vue                |  2 +-
 src/main.ts                                   |  4 +--
 src/modules/i18n.ts                           |  4 +--
 src/router/index.ts                           |  2 +-
 src/service/http/alova.ts                     | 14 +++++-----
 src/service/http/handle.ts                    |  6 ++---
 src/service/http/index.ts                     |  4 +--
 src/service/index.ts                          |  4 +--
 src/store/app/index.ts                        |  2 +-
 src/store/auth.ts                             |  6 ++---
 src/store/router/helper.ts                    |  8 +++---
 src/store/router/index.ts                     |  6 ++---
 src/utils/i18n.ts                             |  2 +-
 src/utils/index.ts                            |  6 ++---
 .../dashboard/monitor/components/chart.vue    |  2 +-
 .../dashboard/monitor/components/chart2.vue   |  2 +-
 src/views/dashboard/workbench/index.vue       |  2 +-
 src/views/demo/echarts/index.vue              |  2 +-
 .../fetch/components/DownLoadWithProgress.vue |  2 +-
 .../demo/fetch/components/UseRequest.vue      |  4 +--
 src/views/demo/fetch/index.vue                | 16 ++++++------
 src/views/demo/list/commonList/index.vue      |  6 ++---
 .../demo/permission/permission/index.vue      |  2 +-
 src/views/login/components/Login/index.vue    |  2 +-
 src/views/setting/account/index.vue           |  8 +++---
 src/views/setting/dictionary/index.vue        |  8 +++---
 .../setting/menu/components/TableModal.vue    |  2 +-
 src/views/setting/menu/index.vue              |  8 +++---
 43 files changed, 117 insertions(+), 117 deletions(-)

diff --git a/build/plugins.ts b/build/plugins.ts
index 3da638f..427e0e4 100644
--- a/build/plugins.ts
+++ b/build/plugins.ts
@@ -1,16 +1,16 @@
 import UnoCSS from '@unocss/vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
-import VueDevTools from 'vite-plugin-vue-devtools'
-import Components from 'unplugin-vue-components/vite'
 import AutoImport from 'unplugin-auto-import/vite'
-import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
-import viteCompression from 'vite-plugin-compression'
-import Icons from 'unplugin-icons/vite'
 import { FileSystemIconLoader } from 'unplugin-icons/loaders'
-
 // https://github.com/antfu/unplugin-icons
 import IconsResolver from 'unplugin-icons/resolver'
+import Icons from 'unplugin-icons/vite'
+import { NaiveUiResolver } from 'unplugin-vue-components/resolvers'
+import Components from 'unplugin-vue-components/vite'
+import viteCompression from 'vite-plugin-compression'
+
+import VueDevTools from 'vite-plugin-vue-devtools'
 
 /**
  * @description: 设置vite插件配置
diff --git a/src/App.vue b/src/App.vue
index 20a5c16..8998bc3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
+import { naiveI18nOptions } from '@/utils'
 import { darkTheme } from 'naive-ui'
 import { useAppStore } from './store'
-import { naiveI18nOptions } from '@/utils'
 
 const appStore = useAppStore()
 
diff --git a/src/components/common/DarkModeSwitch.vue b/src/components/common/DarkModeSwitch.vue
index bdd651b..98f29db 100644
--- a/src/components/common/DarkModeSwitch.vue
+++ b/src/components/common/DarkModeSwitch.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { NFlex } from 'naive-ui'
 import { useAppStore } from '@/store'
-import IconSun from '~icons/icon-park-outline/sun-one'
-import IconMoon from '~icons/icon-park-outline/moon'
 import IconAuto from '~icons/icon-park-outline/laptop-computer'
+import IconMoon from '~icons/icon-park-outline/moon'
+import IconSun from '~icons/icon-park-outline/sun-one'
+import { NFlex } from 'naive-ui'
 
 const { t } = useI18n()
 
diff --git a/src/components/custom/Editor/MarkDownEditor/index.vue b/src/components/custom/Editor/MarkDownEditor/index.vue
index 65c88c1..504a581 100644
--- a/src/components/custom/Editor/MarkDownEditor/index.vue
+++ b/src/components/custom/Editor/MarkDownEditor/index.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import type { ToolbarNames } from 'md-editor-v3'
 
-import { MdEditor } from 'md-editor-v3'
+import { useAppStore } from '@/store'
 
+import { MdEditor } from 'md-editor-v3'
 // https://imzbf.github.io/md-editor-v3/zh-CN/docs
 import 'md-editor-v3/lib/style.css'
-import { useAppStore } from '@/store'
 
 const model = defineModel<string>()
 
diff --git a/src/components/custom/Editor/RichTextEditor/index.vue b/src/components/custom/Editor/RichTextEditor/index.vue
index c46c687..c23397c 100644
--- a/src/components/custom/Editor/RichTextEditor/index.vue
+++ b/src/components/custom/Editor/RichTextEditor/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import Quill from 'quill'
-import 'quill/dist/quill.snow.css'
 import { useTemplateRef } from 'vue'
+import 'quill/dist/quill.snow.css'
 
 defineOptions({
   name: 'RichTextEditor',
diff --git a/src/hooks/useEcharts.ts b/src/hooks/useEcharts.ts
index a0661d6..c9e6000 100644
--- a/src/hooks/useEcharts.ts
+++ b/src/hooks/useEcharts.ts
@@ -1,6 +1,3 @@
-import * as echarts from 'echarts/core'
-import { BarChart, LineChart, PieChart, RadarChart } from 'echarts/charts'
-import { useTemplateRef } from 'vue'
 // 系列类型的定义后缀都为 SeriesOption
 import type {
   BarSeriesOption,
@@ -8,7 +5,6 @@ import type {
   PieSeriesOption,
   RadarSeriesOption,
 } from 'echarts/charts'
-
 // 组件类型的定义后缀都为 ComponentOption
 import type {
   DatasetComponentOption,
@@ -18,6 +14,9 @@ import type {
   ToolboxComponentOption,
   TooltipComponentOption,
 } from 'echarts/components'
+import { useAppStore } from '@/store'
+import { BarChart, LineChart, PieChart, RadarChart } from 'echarts/charts'
+
 import {
   DatasetComponent, // 数据集组件
   GridComponent,
@@ -27,10 +26,11 @@ import {
   TooltipComponent,
   TransformComponent, // 内置数据转换器组件 (filter, sort)
 } from 'echarts/components'
+import * as echarts from 'echarts/core'
 
 import { LabelLayout, UniversalTransition } from 'echarts/features'
 import { CanvasRenderer } from 'echarts/renderers'
-import { useAppStore } from '@/store'
+import { useTemplateRef } from 'vue'
 
 // 通过 ComposeOption 来组合出一个只有必须组件和图表的 Option 类型
 export type ECOption = echarts.ComposeOption<
diff --git a/src/hooks/usePermission.ts b/src/hooks/usePermission.ts
index 1c48e0e..abb3d53 100644
--- a/src/hooks/usePermission.ts
+++ b/src/hooks/usePermission.ts
@@ -1,5 +1,5 @@
-import { isArray, isString } from 'radash'
 import { useAuthStore } from '@/store'
+import { isArray, isString } from 'radash'
 
 /** 权限判断 */
 export function usePermission() {
diff --git a/src/layouts/components/common/SettingDrawer.vue b/src/layouts/components/common/SettingDrawer.vue
index 149b604..93275c6 100644
--- a/src/layouts/components/common/SettingDrawer.vue
+++ b/src/layouts/components/common/SettingDrawer.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import LayoutSelector from './LayoutSelector.vue'
 import { useAppStore } from '@/store'
+import LayoutSelector from './LayoutSelector.vue'
 
 const appStore = useAppStore()
 
diff --git a/src/layouts/components/header/Search.vue b/src/layouts/components/header/Search.vue
index acea1d4..d5f7cf9 100644
--- a/src/layouts/components/header/Search.vue
+++ b/src/layouts/components/header/Search.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useRouteStore } from '@/store'
 import { useBoolean } from '@/hooks'
+import { useRouteStore } from '@/store'
 
 const routeStore = useRouteStore()
 
diff --git a/src/layouts/components/header/UserCenter.vue b/src/layouts/components/header/UserCenter.vue
index cb306d9..f83c037 100644
--- a/src/layouts/components/header/UserCenter.vue
+++ b/src/layouts/components/header/UserCenter.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { renderIcon } from '@/utils/icon'
 import { useAuthStore } from '@/store'
-import IconGithub from '~icons/icon-park-outline/github'
-import IconUser from '~icons/icon-park-outline/user'
-import IconLogout from '~icons/icon-park-outline/logout'
+import { renderIcon } from '@/utils/icon'
 import IconBookOpen from '~icons/icon-park-outline/book-open'
+import IconGithub from '~icons/icon-park-outline/github'
+import IconLogout from '~icons/icon-park-outline/logout'
+import IconUser from '~icons/icon-park-outline/user'
 
 const { t } = useI18n()
 
diff --git a/src/layouts/components/index.ts b/src/layouts/components/index.ts
index ed6b74a..e60cf55 100644
--- a/src/layouts/components/index.ts
+++ b/src/layouts/components/index.ts
@@ -1,30 +1,30 @@
-import Logo from './sider/Logo.vue'
-import Menu from './sider/Menu.vue'
+import BackTop from './common/BackTop.vue'
+import Setting from './common/Setting.vue'
 
+import SettingDrawer from './common/SettingDrawer.vue'
 import Breadcrumb from './header/Breadcrumb.vue'
 import CollapaseButton from './header/CollapaseButton.vue'
 import FullScreen from './header/FullScreen.vue'
 import Notices from './header/Notices.vue'
-import UserCenter from './header/UserCenter.vue'
 import Search from './header/Search.vue'
 
+import UserCenter from './header/UserCenter.vue'
+
+import Logo from './sider/Logo.vue'
+import Menu from './sider/Menu.vue'
 import TabBar from './tab/TabBar.vue'
 
-import BackTop from './common/BackTop.vue'
-import Setting from './common/Setting.vue'
-import SettingDrawer from './common/SettingDrawer.vue'
-
 export {
+  BackTop,
   Breadcrumb,
   CollapaseButton,
-  Menu,
-  Logo,
   FullScreen,
+  Logo,
+  Menu,
+  Notices,
+  Search,
   Setting,
   SettingDrawer,
-  Notices,
-  UserCenter,
-  Search,
   TabBar,
-  BackTop,
+  UserCenter,
 }
diff --git a/src/layouts/components/tab/TabBar.vue b/src/layouts/components/tab/TabBar.vue
index 4848098..4d4bbdc 100644
--- a/src/layouts/components/tab/TabBar.vue
+++ b/src/layouts/components/tab/TabBar.vue
@@ -1,15 +1,15 @@
 <script setup lang="ts">
 import type { RouteLocationNormalized } from 'vue-router'
-import Reload from './Reload.vue'
-import DropTabs from './DropTabs.vue'
-import ContentFullScreen from './ContentFullScreen.vue'
 import { useAppStore, useTabStore } from '@/store'
-import IconRedo from '~icons/icon-park-outline/redo'
 import IconClose from '~icons/icon-park-outline/close'
 import IconDelete from '~icons/icon-park-outline/delete-four'
+import IconFullwith from '~icons/icon-park-outline/fullwidth'
+import IconRedo from '~icons/icon-park-outline/redo'
 import IconLeft from '~icons/icon-park-outline/to-left'
 import IconRight from '~icons/icon-park-outline/to-right'
-import IconFullwith from '~icons/icon-park-outline/fullwidth'
+import ContentFullScreen from './ContentFullScreen.vue'
+import DropTabs from './DropTabs.vue'
+import Reload from './Reload.vue'
 
 const tabStore = useTabStore()
 const appStore = useAppStore()
diff --git a/src/layouts/index.vue b/src/layouts/index.vue
index 4364f29..273b45b 100644
--- a/src/layouts/index.vue
+++ b/src/layouts/index.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import leftMenu from './leftMenu.layout.vue'
-import topMenu from './topMenu.layout.vue'
-import mixMenu from './mixMenu.layout.vue'
-import { SettingDrawer } from './components'
 import { useAppStore } from '@/store/app'
+import { SettingDrawer } from './components'
+import leftMenu from './leftMenu.layout.vue'
+import mixMenu from './mixMenu.layout.vue'
+import topMenu from './topMenu.layout.vue'
 
 const appStore = useAppStore()
 const layoutMap = {
diff --git a/src/layouts/leftMenu.layout.vue b/src/layouts/leftMenu.layout.vue
index 2275319..c7305ab 100644
--- a/src/layouts/leftMenu.layout.vue
+++ b/src/layouts/leftMenu.layout.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { useAppStore, useRouteStore } from '@/store'
 import {
   BackTop,
   Breadcrumb,
@@ -12,7 +13,6 @@ import {
   TabBar,
   UserCenter,
 } from './components'
-import { useAppStore, useRouteStore } from '@/store'
 
 const routeStore = useRouteStore()
 const appStore = useAppStore()
diff --git a/src/layouts/mixMenu.layout.vue b/src/layouts/mixMenu.layout.vue
index d781a4c..7e25e7e 100644
--- a/src/layouts/mixMenu.layout.vue
+++ b/src/layouts/mixMenu.layout.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import type { MenuInst, MenuOption } from 'naive-ui'
+import { useAppStore, useRouteStore } from '@/store'
 import {
   BackTop,
   CollapaseButton,
@@ -11,7 +12,6 @@ import {
   TabBar,
   UserCenter,
 } from './components'
-import { useAppStore, useRouteStore } from '@/store'
 
 const routeStore = useRouteStore()
 const appStore = useAppStore()
diff --git a/src/layouts/topMenu.layout.vue b/src/layouts/topMenu.layout.vue
index d549b4a..77427a0 100644
--- a/src/layouts/topMenu.layout.vue
+++ b/src/layouts/topMenu.layout.vue
@@ -1,4 +1,5 @@
 <script lang="ts" setup>
+import { useAppStore, useRouteStore } from '@/store'
 import {
   BackTop,
   FullScreen,
@@ -10,7 +11,6 @@ import {
   TabBar,
   UserCenter,
 } from './components'
-import { useAppStore, useRouteStore } from '@/store'
 
 const routeStore = useRouteStore()
 const appStore = useAppStore()
diff --git a/src/main.ts b/src/main.ts
index aec780f..d4083cb 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,8 +1,8 @@
 import type { App } from 'vue'
-import AppVue from './App.vue'
-import AppLoading from './components/common/AppLoading.vue'
 import { installRouter } from '@/router'
 import { installPinia } from '@/store'
+import AppVue from './App.vue'
+import AppLoading from './components/common/AppLoading.vue'
 
 async function setupApp() {
   // 载入全局loading加载状态
diff --git a/src/modules/i18n.ts b/src/modules/i18n.ts
index 16e1b34..494fe24 100644
--- a/src/modules/i18n.ts
+++ b/src/modules/i18n.ts
@@ -1,8 +1,8 @@
-import { createI18n } from 'vue-i18n'
 import type { App } from 'vue'
+import { local } from '@/utils'
+import { createI18n } from 'vue-i18n'
 import enUS from '../../locales/en_US.json'
 import zhCN from '../../locales/zh_CN.json'
-import { local } from '@/utils'
 
 const { VITE_DEFAULT_LANG } = import.meta.env
 
diff --git a/src/router/index.ts b/src/router/index.ts
index 1c8518d..d7f8db8 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -1,7 +1,7 @@
 import type { App } from 'vue'
 import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router'
-import { routes } from './routes.inner'
 import { setupRouterGuard } from './guard'
+import { routes } from './routes.inner'
 
 const { VITE_ROUTE_MODE = 'hash', VITE_BASE_URL } = import.meta.env
 export const router = createRouter({
diff --git a/src/service/http/alova.ts b/src/service/http/alova.ts
index 82d61fb..3ad78e1 100644
--- a/src/service/http/alova.ts
+++ b/src/service/http/alova.ts
@@ -1,18 +1,18 @@
+import { local } from '@/utils'
 import { createAlova } from 'alova'
-import VueHook, { type VueHookType } from 'alova/vue'
-import adapterFetch from 'alova/fetch'
 import { createServerTokenAuthentication } from 'alova/client'
+import adapterFetch from 'alova/fetch'
+import VueHook, { type VueHookType } from 'alova/vue'
+import {
+  DEFAULT_ALOVA_OPTIONS,
+  DEFAULT_BACKEND_OPTIONS,
+} from './config'
 import {
   handleBusinessError,
   handleRefreshToken,
   handleResponseError,
   handleServiceResult,
 } from './handle'
-import {
-  DEFAULT_ALOVA_OPTIONS,
-  DEFAULT_BACKEND_OPTIONS,
-} from './config'
-import { local } from '@/utils'
 
 const { onAuthRequired, onResponseRefreshToken } = createServerTokenAuthentication<VueHookType>({
   // 服务端判定token过期
diff --git a/src/service/http/handle.ts b/src/service/http/handle.ts
index dfba49c..51fa4c2 100644
--- a/src/service/http/handle.ts
+++ b/src/service/http/handle.ts
@@ -1,10 +1,10 @@
+import { fetchUpdateToken } from '@/service'
+import { useAuthStore } from '@/store'
+import { local } from '@/utils'
 import {
   ERROR_NO_TIP_STATUS,
   ERROR_STATUS,
 } from './config'
-import { useAuthStore } from '@/store'
-import { fetchUpdateToken } from '@/service'
-import { local } from '@/utils'
 
 type ErrorStatus = keyof typeof ERROR_STATUS
 
diff --git a/src/service/http/index.ts b/src/service/http/index.ts
index f1ba12c..e4f28c5 100644
--- a/src/service/http/index.ts
+++ b/src/service/http/index.ts
@@ -1,6 +1,6 @@
-import { createAlovaInstance } from './alova'
-import { serviceConfig } from '@/../service.config'
 import { generateProxyPattern } from '@/../build/proxy'
+import { serviceConfig } from '@/../service.config'
+import { createAlovaInstance } from './alova'
 
 const isHttpProxy = import.meta.env.DEV && import.meta.env.VITE_HTTP_PROXY === 'Y'
 
diff --git a/src/service/index.ts b/src/service/index.ts
index d292e81..62fb705 100644
--- a/src/service/index.ts
+++ b/src/service/index.ts
@@ -1,4 +1,4 @@
-export * from './api/system'
-export * from './api/login'
 export * from './api/list'
+export * from './api/login'
+export * from './api/system'
 export * from './api/test'
diff --git a/src/store/app/index.ts b/src/store/app/index.ts
index 097bd91..179eb45 100644
--- a/src/store/app/index.ts
+++ b/src/store/app/index.ts
@@ -1,8 +1,8 @@
 import type { GlobalThemeOverrides } from 'naive-ui'
+import { local, setLocale } from '@/utils'
 import { colord } from 'colord'
 import { set } from 'radash'
 import themeConfig from './theme.json'
-import { local, setLocale } from '@/utils'
 
 export type TransitionAnimation = '' | 'fade-slide' | 'fade-bottom' | 'fade-scale' | 'zoom-fade' | 'zoom-out'
 export type LayoutMode = 'leftMenu' | 'topMenu' | 'mixMenu'
diff --git a/src/store/auth.ts b/src/store/auth.ts
index a208790..e03ff89 100644
--- a/src/store/auth.ts
+++ b/src/store/auth.ts
@@ -1,8 +1,8 @@
+import { router } from '@/router'
+import { fetchLogin } from '@/service'
+import { local } from '@/utils'
 import { useRouteStore } from './router'
 import { useTabStore } from './tab'
-import { fetchLogin } from '@/service'
-import { router } from '@/router'
-import { local } from '@/utils'
 
 interface AuthStatus {
   userInfo: Api.Login.Info | null
diff --git a/src/store/router/helper.ts b/src/store/router/helper.ts
index 4179e1a..06d2540 100644
--- a/src/store/router/helper.ts
+++ b/src/store/router/helper.ts
@@ -1,10 +1,10 @@
-import { clone, min, omit, pick } from 'radash'
-import type { RouteRecordRaw } from 'vue-router'
 import type { MenuOption } from 'naive-ui'
-import { RouterLink } from 'vue-router'
-import Layout from '@/layouts/index.vue'
+import type { RouteRecordRaw } from 'vue-router'
 import { usePermission } from '@/hooks'
+import Layout from '@/layouts/index.vue'
 import { $t, arrayToTree, renderIcon } from '@/utils'
+import { clone, min, omit, pick } from 'radash'
+import { RouterLink } from 'vue-router'
 
 const metaFields: AppRoute.MetaKeys[]
   = ['title', 'icon', 'requiresAuth', 'roles', 'keepAlive', 'hide', 'order', 'href', 'activeMenu', 'withoutTab', 'pinTab', 'menuType']
diff --git a/src/store/router/index.ts b/src/store/router/index.ts
index 5cc37a4..613c8fe 100644
--- a/src/store/router/index.ts
+++ b/src/store/router/index.ts
@@ -1,10 +1,10 @@
 import type { MenuOption } from 'naive-ui'
-import { createMenus, createRoutes, generateCacheRoutes } from './helper'
-import { $t, local } from '@/utils'
 import { router } from '@/router'
-import { fetchUserRoutes } from '@/service'
 import { staticRoutes } from '@/router/routes.static'
+import { fetchUserRoutes } from '@/service'
 import { useAuthStore } from '@/store/auth'
+import { $t, local } from '@/utils'
+import { createMenus, createRoutes, generateCacheRoutes } from './helper'
 
 interface RoutesStatus {
   isInitAuthRoute: boolean
diff --git a/src/utils/i18n.ts b/src/utils/i18n.ts
index 27f18c9..2768710 100644
--- a/src/utils/i18n.ts
+++ b/src/utils/i18n.ts
@@ -1,6 +1,6 @@
 import type { NDateLocale, NLocale } from 'naive-ui'
-import { dateZhCN, zhCN } from 'naive-ui'
 import { i18n } from '@/modules/i18n'
+import { dateZhCN, zhCN } from 'naive-ui'
 
 export function setLocale(locale: App.lang) {
   i18n.global.locale.value = locale
diff --git a/src/utils/index.ts b/src/utils/index.ts
index d52b012..4c11eda 100644
--- a/src/utils/index.ts
+++ b/src/utils/index.ts
@@ -1,5 +1,5 @@
+export * from './array'
+export * from './dict'
+export * from './i18n'
 export * from './icon'
 export * from './storage'
-export * from './array'
-export * from './i18n'
-export * from './dict'
diff --git a/src/views/dashboard/monitor/components/chart.vue b/src/views/dashboard/monitor/components/chart.vue
index 4a3228b..6df7eb8 100644
--- a/src/views/dashboard/monitor/components/chart.vue
+++ b/src/views/dashboard/monitor/components/chart.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { graphic } from 'echarts'
 import { type ECOption, useEcharts } from '@/hooks'
+import { graphic } from 'echarts'
 
 const lineOptions = ref<ECOption>({
   tooltip: {
diff --git a/src/views/dashboard/monitor/components/chart2.vue b/src/views/dashboard/monitor/components/chart2.vue
index 49ce2cc..8338cff 100644
--- a/src/views/dashboard/monitor/components/chart2.vue
+++ b/src/views/dashboard/monitor/components/chart2.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { graphic } from 'echarts'
 import { type ECOption, useEcharts } from '@/hooks'
+import { graphic } from 'echarts'
 
 const chartData = [
   { name: '1', value: 300 },
diff --git a/src/views/dashboard/workbench/index.vue b/src/views/dashboard/workbench/index.vue
index 84f0742..7b1cb02 100644
--- a/src/views/dashboard/workbench/index.vue
+++ b/src/views/dashboard/workbench/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import Chart from './components/chart.vue'
 import { useAuthStore } from '@/store'
+import Chart from './components/chart.vue'
 
 const { userInfo } = useAuthStore()
 </script>
diff --git a/src/views/demo/echarts/index.vue b/src/views/demo/echarts/index.vue
index 3746456..7bb52cc 100644
--- a/src/views/demo/echarts/index.vue
+++ b/src/views/demo/echarts/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { graphic } from 'echarts'
 import { type ECOption, useEcharts } from '@/hooks'
+import { graphic } from 'echarts'
 
 // 饼状图
 const pieOptions = ref<ECOption>({
diff --git a/src/views/demo/fetch/components/DownLoadWithProgress.vue b/src/views/demo/fetch/components/DownLoadWithProgress.vue
index 1ef8327..5019884 100644
--- a/src/views/demo/fetch/components/DownLoadWithProgress.vue
+++ b/src/views/demo/fetch/components/DownLoadWithProgress.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { useRequest } from 'alova/client'
 import {
   downloadFile,
 } from '@/service'
+import { useRequest } from 'alova/client'
 
 const emit = defineEmits<{
   update: [data: any]
diff --git a/src/views/demo/fetch/components/UseRequest.vue b/src/views/demo/fetch/components/UseRequest.vue
index 2cc934d..450b20e 100644
--- a/src/views/demo/fetch/components/UseRequest.vue
+++ b/src/views/demo/fetch/components/UseRequest.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import { useRequest } from 'alova/client'
-
 import {
   fetchGet,
 } from '@/service'
 
+import { useRequest } from 'alova/client'
+
 const emit = defineEmits<{
   update: [data: any] // 具名元组语法
 }>()
diff --git a/src/views/demo/fetch/index.vue b/src/views/demo/fetch/index.vue
index a18b094..61de95c 100644
--- a/src/views/demo/fetch/index.vue
+++ b/src/views/demo/fetch/index.vue
@@ -1,20 +1,20 @@
 <script setup lang="ts">
-import Env from './components/Env.vue'
-import Get from './components/Get.vue'
-import Post from './components/Post.vue'
-import FormPost from './components/FormPost.vue'
 import Delete from './components/Delete.vue'
-import Put from './components/Put.vue'
-import UseRequest from './components/UseRequest.vue'
-import NoToken from './components/NoToken.vue'
 import DownLoad from './components/DownLoad.vue'
 import DownLoadWithProgress from './components/DownLoadWithProgress.vue'
+import Env from './components/Env.vue'
 import FailedRequest from './components/FailedRequest.vue'
 import FailedResponse from './components/FailedResponse.vue'
 import FailedResponseWithoutTip from './components/FailedResponseWithoutTip.vue'
-import Transform from './components/Transform.vue'
+import FormPost from './components/FormPost.vue'
+import Get from './components/Get.vue'
+import NoToken from './components/NoToken.vue'
+import Post from './components/Post.vue'
+import Put from './components/Put.vue'
 import RefreshToken from './components/RefreshToken.vue'
 import TokenExpiration from './components/TokenExpiration.vue'
+import Transform from './components/Transform.vue'
+import UseRequest from './components/UseRequest.vue'
 
 const msg = ref()
 function handleUpdate(data: any) {
diff --git a/src/views/demo/list/commonList/index.vue b/src/views/demo/list/commonList/index.vue
index 6d513d7..8fe65c1 100644
--- a/src/views/demo/list/commonList/index.vue
+++ b/src/views/demo/list/commonList/index.vue
@@ -1,10 +1,10 @@
 <script setup lang="tsx">
 import type { DataTableColumns, FormInst } from 'naive-ui'
+import { Gender } from '@/constants'
+import { useBoolean } from '@/hooks'
+import { fetchUserPage } from '@/service'
 import { NButton, NPopconfirm, NSpace, NSwitch, NTag } from 'naive-ui'
 import TableModal from './components/TableModal.vue'
-import { fetchUserPage } from '@/service'
-import { useBoolean } from '@/hooks'
-import { Gender } from '@/constants'
 
 const { bool: loading, setTrue: startLoading, setFalse: endLoading } = useBoolean(false)
 const { bool: visible, setTrue: openModal } = useBoolean(false)
diff --git a/src/views/demo/permission/permission/index.vue b/src/views/demo/permission/permission/index.vue
index cb0692e..936d44a 100644
--- a/src/views/demo/permission/permission/index.vue
+++ b/src/views/demo/permission/permission/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useAuthStore } from '@/store'
 import { usePermission } from '@/hooks'
+import { useAuthStore } from '@/store'
 
 const authStore = useAuthStore()
 const { hasPermission } = usePermission()
diff --git a/src/views/login/components/Login/index.vue b/src/views/login/components/Login/index.vue
index b9276e2..d266475 100644
--- a/src/views/login/components/Login/index.vue
+++ b/src/views/login/components/Login/index.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { FormInst } from 'naive-ui'
-import { local } from '@/utils'
 import { useAuthStore } from '@/store'
+import { local } from '@/utils'
 
 const emit = defineEmits(['update:modelValue'])
 
diff --git a/src/views/setting/account/index.vue b/src/views/setting/account/index.vue
index 5f5486c..b1339df 100644
--- a/src/views/setting/account/index.vue
+++ b/src/views/setting/account/index.vue
@@ -1,11 +1,11 @@
 <script setup lang="tsx">
 import type { DataTableColumns, FormInst } from 'naive-ui'
+import CopyText from '@/components/custom/CopyText.vue'
+import { Gender } from '@/constants'
+import { useBoolean } from '@/hooks'
+import { fetchUserPage } from '@/service'
 import { NButton, NPopconfirm, NSpace, NSwitch, NTag } from 'naive-ui'
 import TableModal from './components/TableModal.vue'
-import { fetchUserPage } from '@/service'
-import { useBoolean } from '@/hooks'
-import { Gender } from '@/constants'
-import CopyText from '@/components/custom/CopyText.vue'
 
 const { bool: loading, setTrue: startLoading, setFalse: endLoading } = useBoolean(false)
 
diff --git a/src/views/setting/dictionary/index.vue b/src/views/setting/dictionary/index.vue
index e08ab9c..243f758 100644
--- a/src/views/setting/dictionary/index.vue
+++ b/src/views/setting/dictionary/index.vue
@@ -1,11 +1,11 @@
 <script setup lang="tsx">
 import type { DataTableColumns } from 'naive-ui'
+import CopyText from '@/components/custom/CopyText.vue'
+import { useBoolean } from '@/hooks'
+import { fetchDictList } from '@/service'
+import { getDictByNet } from '@/utils'
 import { NButton, NFlex, NPopconfirm } from 'naive-ui'
 import DictModal from './components/DictModal.vue'
-import { fetchDictList } from '@/service'
-import { useBoolean } from '@/hooks'
-import { getDictByNet } from '@/utils'
-import CopyText from '@/components/custom/CopyText.vue'
 
 const { bool: dictLoading, setTrue: startDictLoading, setFalse: endDictLoading } = useBoolean(false)
 const { bool: contentLoading, setTrue: startContentLoading, setFalse: endContentLoading } = useBoolean(false)
diff --git a/src/views/setting/menu/components/TableModal.vue b/src/views/setting/menu/components/TableModal.vue
index c0d2bf7..07a6ed8 100644
--- a/src/views/setting/menu/components/TableModal.vue
+++ b/src/views/setting/menu/components/TableModal.vue
@@ -3,8 +3,8 @@ import type {
   FormItemRule,
 } from 'naive-ui'
 import HelpInfo from '@/components/common/HelpInfo.vue'
-import { useBoolean } from '@/hooks'
 import { Regex } from '@/constants'
+import { useBoolean } from '@/hooks'
 import { fetchRoleList } from '@/service'
 
 interface Props {
diff --git a/src/views/setting/menu/index.vue b/src/views/setting/menu/index.vue
index 935cdb4..e977922 100644
--- a/src/views/setting/menu/index.vue
+++ b/src/views/setting/menu/index.vue
@@ -1,11 +1,11 @@
 <script setup lang="tsx">
 import type { DataTableColumns } from 'naive-ui'
+import CopyText from '@/components/custom/CopyText.vue'
+import { useBoolean } from '@/hooks'
+import { fetchAllRoutes } from '@/service'
+import { arrayToTree, createIcon } from '@/utils'
 import { NButton, NPopconfirm, NSpace, NTag } from 'naive-ui'
 import TableModal from './components/TableModal.vue'
-import { fetchAllRoutes } from '@/service'
-import { useBoolean } from '@/hooks'
-import { arrayToTree, createIcon } from '@/utils'
-import CopyText from '@/components/custom/CopyText.vue'
 
 const { bool: loading, setTrue: startLoading, setFalse: endLoading } = useBoolean(false)