refactor(projects): all file and folder use kebab-case

src/components/custom/github-link.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup lang="ts">
-import WebSiteLink from './WebSiteLink.vue';
+import WebSiteLink from './web-site-link.vue';
 
 defineOptions({ name: 'GithubLink' });
 

src/composables/icon.ts

@@ -1,5 +1,5 @@
 import { h } from 'vue';
-import SvgIcon from '@/components/custom/SvgIcon.vue';
+import SvgIcon from '~/src/components/custom/svg-icon.vue';
 
 /**
  * 图标渲染

src/hooks/business/index.ts

@@ -1,5 +1,5 @@
-import useCountDown from './useCountDown';
-import useSmsCode from './useSmsCode';
-import useImageVerify from './useImageVerify';
+import useCountDown from './use-count-down';
+import useSmsCode from './use-sms-code';
+import useImageVerify from './use-image-verify';
 
 export { useCountDown, useSmsCode, useImageVerify };

src/hooks/business/use-sms-code.ts

@@ -2,7 +2,7 @@ import { computed } from 'vue';
 import { REGEXP_PHONE } from '@/config';
 import { fetchSmsCode } from '@/service';
 import { useLoading } from '../common';
-import useCountDown from './useCountDown';
+import useCountDown from './use-count-down';
 
 export default function useSmsCode() {
   const { loading, startLoading, endLoading } = useLoading();

src/hooks/common/index.ts

@@ -1,7 +1,7 @@
-import useContext from './useContext';
-import useBoolean from './useBoolean';
-import useLoading from './useLoading';
-import useLoadingEmpty from './useLoadingEmpty';
-import useReload from './useReload';
+import useContext from './use-context';
+import useBoolean from './use-boolean';
+import useLoading from './use-loading';
+import useLoadingEmpty from './use-loading-empty';
+import useReload from './use-reload';
 
 export { useContext, useBoolean, useLoading, useLoadingEmpty, useReload };

src/hooks/common/use-loading-empty.ts

@@ -1,4 +1,4 @@
-import useBoolean from './useBoolean';
+import useBoolean from './use-boolean';
 
 export default function useLoadingEmpty(initLoading = false, initEmpty = false) {
   const { bool: loading, setTrue: startLoading, setFalse: endLoading } = useBoolean(initLoading);

src/hooks/common/use-loading.ts

@@ -1,4 +1,4 @@
-import useBoolean from './useBoolean';
+import useBoolean from './use-boolean';
 
 export default function useLoading(initValue = false) {
   const { bool: loading, setTrue: startLoading, setFalse: endLoading } = useBoolean(initValue);

src/hooks/common/use-reload.ts

@@ -1,5 +1,5 @@
 import { nextTick } from 'vue';
-import useBoolean from './useBoolean';
+import useBoolean from './use-boolean';
 
 /** 重载 */
 export default function useReload() {

src/layouts/common/GlobalHeader/components/index.ts

@@ -1,21 +0,0 @@
-import MenuCollapse from './MenuCollapse.vue';
-import GlobalBreadcrumb from './GlobalBreadcrumb.vue';
-import HeaderMenu from './HeaderMenu.vue';
-import GithubSite from './GithubSite.vue';
-import FullScreen from './FullScreen.vue';
-import ThemeMode from './ThemeMode.vue';
-import UserAvatar from './UserAvatar.vue';
-import SystemMessage from './SystemMessage.vue';
-import SettingButton from './SettingButton.vue';
-
-export {
-  MenuCollapse,
-  GlobalBreadcrumb,
-  HeaderMenu,
-  GithubSite,
-  FullScreen,
-  ThemeMode,
-  UserAvatar,
-  SystemMessage,
-  SettingButton
-};

src/layouts/common/GlobalSearch/components/index.ts

@@ -1,3 +0,0 @@
-import SearchModal from './SearchModal.vue';
-
-export { SearchModal };

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

@@ -1,5 +0,0 @@
-import MixMenuDetail from './MixMenuDetail.vue';
-import MixMenuDrawer from './MixMenuDrawer.vue';
-import MixMenuCollapse from './MixMenuCollapse.vue';
-
-export { MixMenuDetail, MixMenuDrawer, MixMenuCollapse };

src/layouts/common/GlobalSider/components/VerticalSider/components/index.ts

@@ -1,3 +0,0 @@
-import VerticalMenu from './VerticalMenu.vue';
-
-export { VerticalMenu };

src/layouts/common/GlobalSider/components/index.ts

@@ -1,4 +0,0 @@
-import VerticalSider from './VerticalSider/index.vue';
-import VerticalMixSider from './VerticalMixSider/index.vue';
-
-export { VerticalSider, VerticalMixSider };

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

@@ -1,3 +0,0 @@
-import ContextMenu from './ContextMenu.vue';
-
-export { ContextMenu };

src/layouts/common/GlobalTab/components/index.ts

@@ -1,4 +0,0 @@
-import TabDetail from './TabDetail/index.vue';
-import ReloadButton from './ReloadButton/index.vue';
-
-export { TabDetail, ReloadButton };

src/layouts/common/SettingDrawer/components/LayoutMode/components/index.ts

@@ -1,3 +0,0 @@
-import LayoutCheckbox from './LayoutCheckbox.vue';
-
-export { LayoutCheckbox };

src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/index.ts

@@ -1,4 +0,0 @@
-import ColorCheckbox from './ColorCheckbox.vue';
-import ColorModal from './ColorModal.vue';
-
-export { ColorCheckbox, ColorModal };

src/layouts/common/SettingDrawer/components/index.ts

@@ -1,9 +0,0 @@
-import DrawerButton from './DrawerButton/index.vue';
-import DarkMode from './DarkMode/index.vue';
-import LayoutMode from './LayoutMode/index.vue';
-import ThemeColorSelect from './ThemeColorSelect/index.vue';
-import PageFunc from './PageFunc/index.vue';
-import PageView from './PageView/index.vue';
-import ThemeConfig from './ThemeConfig/index.vue';
-
-export { DrawerButton, DarkMode, LayoutMode, ThemeColorSelect, PageFunc, PageView, ThemeConfig };

src/layouts/common/global-header/components/index.ts

@@ -0,0 +1,21 @@
+import MenuCollapse from './menu-collapse.vue';
+import GlobalBreadcrumb from './global-breadcrumb.vue';
+import HeaderMenu from './header-menu.vue';
+import GithubSite from './github-site.vue';
+import FullScreen from './full-screen.vue';
+import ThemeMode from './theme-mode.vue';
+import UserAvatar from './user-avatar.vue';
+import SystemMessage from './system-message.vue';
+import SettingButton from './setting-button.vue';
+
+export {
+  MenuCollapse,
+  GlobalBreadcrumb,
+  HeaderMenu,
+  GithubSite,
+  FullScreen,
+  ThemeMode,
+  UserAvatar,
+  SystemMessage,
+  SettingButton
+};

src/layouts/common/global-header/components/system-message.vue

@@ -52,7 +52,7 @@ import { computed, ref } from 'vue';
 import { useThemeStore } from '@/store';
 import { useBasicLayout } from '@/composables';
 import { useBoolean } from '@/hooks';
-import MessageList from './MessageList.vue';
+import MessageList from './message-list.vue';
 
 defineOptions({ name: 'SystemMessage' });
 

src/layouts/common/global-header/index.vue

@@ -21,8 +21,8 @@
 <script setup lang="ts">
 import { useThemeStore } from '@/store';
 import { useBasicLayout } from '@/composables';
-import GlobalLogo from '../GlobalLogo/index.vue';
-import GlobalSearch from '../GlobalSearch/index.vue';
+import GlobalLogo from '../global-logo/index.vue';
+import GlobalSearch from '../global-search/index.vue';
 import {
   FullScreen,
   GithubSite,

src/layouts/common/global-search/components/index.ts

@@ -0,0 +1,3 @@
+import SearchModal from './search-modal.vue';
+
+export { SearchModal };

src/layouts/common/global-search/components/search-modal.vue

@@ -34,8 +34,8 @@ import { useRouter } from 'vue-router';
 import { onKeyStroke, useDebounceFn } from '@vueuse/core';
 import { useRouteStore } from '@/store';
 import { useBasicLayout } from '@/composables';
-import SearchResult from './SearchResult.vue';
-import SearchFooter from './SearchFooter.vue';
+import SearchResult from './search-result.vue';
+import SearchFooter from './search-footer.vue';
 
 defineOptions({ name: 'SearchModal' });
 

src/layouts/common/global-sider/components/index.ts

@@ -0,0 +1,4 @@
+import VerticalSider from './vertical-sider/index.vue';
+import VerticalMixSider from './vertical-mix-sider/index.vue';
+
+export { VerticalSider, VerticalMixSider };

src/layouts/common/global-sider/components/vertical-mix-sider/components/index.ts

@@ -0,0 +1,5 @@
+import MixMenuDetail from './mix-menu-detail.vue';
+import MixMenuDrawer from './mix-menu-drawer.vue';
+import MixMenuCollapse from './mix-menu-collapse.vue';
+
+export { MixMenuDetail, MixMenuDrawer, MixMenuCollapse };

src/layouts/common/global-sider/components/vertical-sider/components/index.ts

@@ -0,0 +1,3 @@
+import VerticalMenu from './vertical-menu.vue';
+
+export { VerticalMenu };

src/layouts/common/global-tab/components/index.ts

@@ -0,0 +1,4 @@
+import TabDetail from './tab-detail/index.vue';
+import ReloadButton from './reload-button/index.vue';
+
+export { TabDetail, ReloadButton };

src/layouts/common/global-tab/components/tab-detail/components/index.ts

@@ -0,0 +1,3 @@
+import ContextMenu from './context-menu.vue';
+
+export { ContextMenu };

src/layouts/common/index.ts

@@ -1,10 +1,10 @@
-import SettingDrawer from './SettingDrawer/index.vue';
-import GlobalHeader from './GlobalHeader/index.vue';
-import GlobalTab from './GlobalTab/index.vue';
-import GlobalSider from './GlobalSider/index.vue';
-import GlobalContent from './GlobalContent/index.vue';
-import GlobalFooter from './GlobalFooter/index.vue';
-import GlobalLogo from './GlobalLogo/index.vue';
-import GlobalBackTop from './GlobalBackTop/index.vue';
+import SettingDrawer from './setting-drawer/index.vue';
+import GlobalHeader from './global-header/index.vue';
+import GlobalTab from './global-tab/index.vue';
+import GlobalSider from './global-sider/index.vue';
+import GlobalContent from './global-content/index.vue';
+import GlobalFooter from './global-footer/index.vue';
+import GlobalLogo from './global-logo/index.vue';
+import GlobalBackTop from './global-back-top/index.vue';
 
 export { SettingDrawer, GlobalHeader, GlobalTab, GlobalSider, GlobalContent, GlobalFooter, GlobalLogo, GlobalBackTop };

src/layouts/common/setting-drawer/components/dark-mode/index.vue

@@ -26,7 +26,7 @@
 
 <script lang="ts" setup>
 import { useThemeStore } from '@/store';
-import SettingMenu from '../SettingMenu/index.vue';
+import SettingMenu from '../setting-menu/index.vue';
 
 defineOptions({ name: 'DarkMode' });
 

src/layouts/common/setting-drawer/components/index.ts

@@ -0,0 +1,9 @@
+import DrawerButton from './drawer-button/index.vue';
+import DarkMode from './dark-mode/index.vue';
+import LayoutMode from './layout-mode/index.vue';
+import ThemeColorSelect from './theme-color-select/index.vue';
+import PageFunc from './page-func/index.vue';
+import PageView from './page-view/index.vue';
+import ThemeConfig from './theme-config/index.vue';
+
+export { DrawerButton, DarkMode, LayoutMode, ThemeColorSelect, PageFunc, PageView, ThemeConfig };

src/layouts/common/setting-drawer/components/layout-mode/components/index.ts

@@ -0,0 +1,3 @@
+import LayoutCheckbox from './layout-checkbox.vue';
+
+export { LayoutCheckbox };

src/layouts/common/setting-drawer/components/page-func/index.vue

@@ -69,7 +69,7 @@
 
 <script lang="ts" setup>
 import { useThemeStore } from '@/store';
-import SettingMenu from '../SettingMenu/index.vue';
+import SettingMenu from '../setting-menu/index.vue';
 
 defineOptions({ name: 'PageFunc' });
 

src/layouts/common/setting-drawer/components/page-view/index.vue

@@ -36,7 +36,7 @@
 
 <script lang="ts" setup>
 import { useThemeStore } from '@/store';
-import SettingMenu from '../SettingMenu/index.vue';
+import SettingMenu from '../setting-menu/index.vue';
 
 defineOptions({ name: 'PageView' });
 

src/layouts/common/setting-drawer/components/theme-color-select/components/color-modal.vue

@@ -25,7 +25,7 @@
 <script setup lang="ts">
 import { traditionColors } from '@/settings';
 import { useThemeStore } from '@/store';
-import ColorCheckbox from './ColorCheckbox.vue';
+import ColorCheckbox from './color-checkbox.vue';
 
 defineOptions({ name: 'ColorModal' });
 

src/layouts/common/setting-drawer/components/theme-color-select/components/index.ts

@@ -0,0 +1,4 @@
+import ColorCheckbox from './color-checkbox.vue';
+import ColorModal from './color-modal.vue';
+
+export { ColorCheckbox, ColorModal };

src/layouts/index.ts

@@ -1,4 +1,4 @@
-const BasicLayout = () => import('./BasicLayout/index.vue');
-const BlankLayout = () => import('./BlankLayout/index.vue');
+const BasicLayout = () => import('./basic-layout/index.vue');
+const BlankLayout = () => import('./blank-layout/index.vue');
 
 export { BasicLayout, BlankLayout };

src/main.ts

@@ -1,6 +1,6 @@
 import { createApp } from 'vue';
 import App from './App.vue';
-import AppLoading from './components/common/AppLoading.vue';
+import AppLoading from './components/common/app-loading.vue';
 import { setupDirectives } from './directives';
 import { setupRouter } from './router';
 import { setupAssets } from './plugins';

src/store/modules/theme/helpers.ts

@@ -8,6 +8,7 @@ export function initThemeSettings() {
   const isProd = import.meta.env.PROD;
   // 生产环境才缓存主题配置，本地开发实时调整配置更改配置的json
   const storageSettings = localStg.get('themeSettings');
+
   if (isProd && storageSettings) {
     return storageSettings;
   }

src/utils/storage/session.ts

@@ -1,31 +1,5 @@
 import { decrypto, encrypto } from '../crypto';
 
-export function setSession(key: string, value: unknown) {
-  const json = encrypto(value);
-  sessionStorage.setItem(key, json);
-}
-
-export function getSession<T>(key: string) {
-  const json = sessionStorage.getItem(key);
-  let data: T | null = null;
-  if (json) {
-    try {
-      data = decrypto(json);
-    } catch {
-      // 防止解析失败
-    }
-  }
-  return data;
-}
-
-export function removeSession(key: string) {
-  window.sessionStorage.removeItem(key);
-}
-
-export function clearSession() {
-  window.sessionStorage.clear();
-}
-
 function createSessionStorage<T extends StorageInterface.Session = StorageInterface.Session>() {
   function set<K extends keyof T>(key: K, value: T[K]) {
     const json = encrypto(value);

src/views/_builtin/login/components/LoginBg/components/index.ts

@@ -1,4 +0,0 @@
-import CornerTop from './CornerTop.vue';
-import CornerBottom from './CornerBottom.vue';
-
-export { CornerTop, CornerBottom };

src/views/_builtin/login/components/PwdLogin/components/index.ts

@@ -1,4 +0,0 @@
-import OtherLogin from './OtherLogin.vue';
-import OtherAccount from './OtherAccount.vue';
-
-export { OtherLogin, OtherAccount };