refactor: 迁移 composables 到 common 目录

src/App.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useGreyAndColorWeakness } from "@/composables/useGreyAndColorWeakness"
-import { useTheme } from "@/composables/useTheme"
+import { useGreyAndColorWeakness } from "@@/composables/useGreyAndColorWeakness"
+import { useTheme } from "@@/composables/useTheme"
 import { ElNotification } from "element-plus"
 import zhCn from "element-plus/es/locale/lang/zh-cn" // Element Plus 中文包
 

src/common/components/SearchMenu/Footer.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useDevice } from "@/composables/useDevice"
+import { useDevice } from "@@/composables/useDevice"
 
 interface Props {
   total: number

src/common/components/SearchMenu/Modal.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { ElScrollbar } from "element-plus"
 import type { RouteRecordName, RouteRecordRaw } from "vue-router"
-import { useDevice } from "@/composables/useDevice"
 import { usePermissionStore } from "@/pinia/stores/permission"
 import { isExternal } from "@/utils/validate"
+import { useDevice } from "@@/composables/useDevice"
 import { ElMessage } from "element-plus"
 import { cloneDeep, debounce } from "lodash-es"
 import { computed, ref, shallowRef } from "vue"

src/common/components/ThemeSwitch/index.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import type { ThemeName } from "@/composables/useTheme"
-import { useTheme } from "@/composables/useTheme"
+import type { ThemeName } from "@@/composables/useTheme"
+import { useTheme } from "@@/composables/useTheme"
 import { MagicStick } from "@element-plus/icons-vue"
 
 const { themeList, activeThemeName, setTheme } = useTheme()

src/layouts/components/Breadcrumb/index.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import type { RouteLocationMatched } from "vue-router"
-import { useRouteListener } from "@/composables/useRouteListener"
+import { useRouteListener } from "@@/composables/useRouteListener"
 import { compile } from "path-to-regexp"
 import { ref } from "vue"
 import { useRoute, useRouter } from "vue-router"

src/layouts/components/Logo/index.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { useLayoutMode } from "@/composables/useLayoutMode"
 import logo from "@@/assets/images/layouts/logo.png?url"
 import logoText1 from "@@/assets/images/layouts/logo-text-1.png?url"
 import logoText2 from "@@/assets/images/layouts/logo-text-2.png?url"
+import { useLayoutMode } from "@@/composables/useLayoutMode"
 
 interface Props {
   collapse?: boolean

src/layouts/components/NavigationBar/index.vue

@@ -1,6 +1,4 @@
 <script lang="ts" setup>
-import { useDevice } from "@/composables/useDevice"
-import { useLayoutMode } from "@/composables/useLayoutMode"
 import { useAppStore } from "@/pinia/stores/app"
 import { useSettingsStore } from "@/pinia/stores/settings"
 import { useUserStore } from "@/pinia/stores/user"
@@ -8,6 +6,8 @@ import Notify from "@@/components/Notify/index.vue"
 import Screenfull from "@@/components/Screenfull/index.vue"
 import SearchMenu from "@@/components/SearchMenu/index.vue"
 import ThemeSwitch from "@@/components/ThemeSwitch/index.vue"
+import { useDevice } from "@@/composables/useDevice"
+import { useLayoutMode } from "@@/composables/useLayoutMode"
 import { UserFilled } from "@element-plus/icons-vue"
 import { storeToRefs } from "pinia"
 import { useRouter } from "vue-router"

src/layouts/components/Settings/SelectLayoutMode.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useLayoutMode } from "@/composables/useLayoutMode"
 import { LayoutModeEnum } from "@/constants/app-key"
+import { useLayoutMode } from "@@/composables/useLayoutMode"
 
 const { isLeft, isTop, isLeftTop, setLayoutMode } = useLayoutMode()
 </script>

src/layouts/components/Settings/index.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
-import { useLayoutMode } from "@/composables/useLayoutMode"
 import { useSettingsStore } from "@/pinia/stores/settings"
 import { removeLayoutsConfig } from "@/utils/cache/local-storage"
+import { useLayoutMode } from "@@/composables/useLayoutMode"
 import { Refresh } from "@element-plus/icons-vue"
 import { storeToRefs } from "pinia"
 import { watchEffect } from "vue"

src/layouts/components/Sidebar/index.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
-import { useDevice } from "@/composables/useDevice"
-import { useLayoutMode } from "@/composables/useLayoutMode"
 import { useAppStore } from "@/pinia/stores/app"
 import { usePermissionStore } from "@/pinia/stores/permission"
 import { useSettingsStore } from "@/pinia/stores/settings"
 import { getCssVar } from "@/utils/css"
+import { useDevice } from "@@/composables/useDevice"
+import { useLayoutMode } from "@@/composables/useLayoutMode"
 import { computed } from "vue"
 import { useRoute } from "vue-router"
 import { Logo } from "../index"

src/layouts/components/TagsView/ScrollPane.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { ElScrollbar } from "element-plus"
 import type { RouterLink } from "vue-router"
-import { useRouteListener } from "@/composables/useRouteListener"
 import { useSettingsStore } from "@/pinia/stores/settings"
 import Screenfull from "@@/components/Screenfull/index.vue"
+import { useRouteListener } from "@@/composables/useRouteListener"
 import { ArrowLeft, ArrowRight } from "@element-plus/icons-vue"
 import { nextTick, ref } from "vue"
 import { useRoute } from "vue-router"

src/layouts/components/TagsView/index.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import type { TagView } from "@/pinia/stores/tags-view"
 import type { RouteLocationNormalizedLoaded, RouteRecordRaw, RouterLink } from "vue-router"
-import { useRouteListener } from "@/composables/useRouteListener"
 import { usePermissionStore } from "@/pinia/stores/permission"
 import { useTagsViewStore } from "@/pinia/stores/tags-view"
+import { useRouteListener } from "@@/composables/useRouteListener"
 import { Close } from "@element-plus/icons-vue"
 import path from "path-browserify"
 import { ref, watch } from "vue"

src/layouts/composables/useResize.ts

@@ -1,6 +1,6 @@
-import { useRouteListener } from "@/composables/useRouteListener"
 import { DeviceEnum } from "@/constants/app-key"
 import { useAppStore } from "@/pinia/stores/app"
+import { useRouteListener } from "@@/composables/useRouteListener"
 import { onBeforeMount, onBeforeUnmount, onMounted } from "vue"
 
 /** 参考 Bootstrap 的响应式设计将最大移动端宽度设置为 992 */

src/layouts/index.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
-import { useDevice } from "@/composables/useDevice"
-import { useLayoutMode } from "@/composables/useLayoutMode"
-import { useWatermark } from "@/composables/useWatermark"
 import { useSettingsStore } from "@/pinia/stores/settings"
 import { getCssVar, setCssVar } from "@/utils/css"
+import { useDevice } from "@@/composables/useDevice"
+import { useLayoutMode } from "@@/composables/useLayoutMode"
+import { useWatermark } from "@@/composables/useWatermark"
 import { storeToRefs } from "pinia"
 import { watchEffect } from "vue"
 import { RightPanel, Settings } from "./components"

src/layouts/modes/LeftMode.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
-import { useDevice } from "@/composables/useDevice"
-import { useLayoutMode } from "@/composables/useLayoutMode"
 import { useAppStore } from "@/pinia/stores/app"
 import { useSettingsStore } from "@/pinia/stores/settings"
+import { useDevice } from "@@/composables/useDevice"
+import { useLayoutMode } from "@@/composables/useLayoutMode"
 import { storeToRefs } from "pinia"
 import { computed } from "vue"
 import { AppMain, NavigationBar, Sidebar, TagsView } from "../components"

src/pages/composable-demo/use-fetch-select.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useFetchSelect } from "@/composables/useFetchSelect"
 import { getSelectDataApi } from "@/http/apis/composable-demo/use-fetch-select"
+import { useFetchSelect } from "@@/composables/useFetchSelect"
 
 const { loading, options, value } = useFetchSelect({
   api: getSelectDataApi

src/pages/composable-demo/use-fullscreen-loading.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useFullscreenLoading } from "@/composables/useFullscreenLoading"
 import { getErrorApi, getSuccessApi } from "@/http/apis/composable-demo/use-fullscreen-loading"
+import { useFullscreenLoading } from "@@/composables/useFullscreenLoading"
 import { ElMessage } from "element-plus"
 
 const svg = `

src/pages/composable-demo/use-watermark.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useWatermark } from "@/composables/useWatermark"
+import { useWatermark } from "@@/composables/useWatermark"
 import { ref } from "vue"
 
 const localRef = ref<HTMLElement | null>(null)

src/pages/table/element-plus/index.vue

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
 import type { CreateOrUpdateTableRequestData, TableData } from "@/http/apis/table/type"
 import type { FormInstance, FormRules } from "element-plus"
-import { usePagination } from "@/composables/usePagination"
 import { createTableDataApi, deleteTableDataApi, getTableDataApi, updateTableDataApi } from "@/http/apis/table"
+import { usePagination } from "@@/composables/usePagination"
 import { CirclePlus, Delete, Download, Refresh, RefreshRight, Search } from "@element-plus/icons-vue"
 import { ElMessage, ElMessageBox } from "element-plus"
 import { cloneDeep } from "lodash-es"

src/router/guard.ts

@@ -1,11 +1,11 @@
 import type { Router } from "vue-router"
-import { setRouteChange } from "@/composables/useRouteListener"
-import { useTitle } from "@/composables/useTitle"
 import { usePermissionStore } from "@/pinia/stores/permission"
 import { useUserStore } from "@/pinia/stores/user"
 import { routerConfig } from "@/router/config"
 import { isWhiteList } from "@/router/whitelist"
 import { getToken } from "@/utils/cache/cookies"
+import { setRouteChange } from "@@/composables/useRouteListener"
+import { useTitle } from "@@/composables/useTitle"
 import { ElMessage } from "element-plus"
 import NProgress from "nprogress"
 import "nprogress/nprogress.css"

src/utils/cache/local-storage.ts

@@ -1,9 +1,9 @@
 // 统一处理 localStorage
 
-import type { ThemeName } from "@/composables/useTheme"
 import type { SidebarClosed, SidebarOpened } from "@/constants/app-key"
 import type { LayoutsConfig } from "@/layouts/config"
 import type { TagView } from "@/pinia/stores/tags-view"
+import type { ThemeName } from "@@/composables/useTheme"
 import { CacheKey } from "@/constants/cache-key"
 
 // #region 系统布局配置