diff --git a/src/components/business/LoadingEmptyWrapper.vue b/src/components/business/loading-empty-wrapper.vue
similarity index 100%
rename from src/components/business/LoadingEmptyWrapper.vue
rename to src/components/business/loading-empty-wrapper.vue
diff --git a/src/components/business/LoginAgreement.vue b/src/components/business/login-agreement.vue
similarity index 100%
rename from src/components/business/LoginAgreement.vue
rename to src/components/business/login-agreement.vue
diff --git a/src/components/common/AppLoading.vue b/src/components/common/app-loading.vue
similarity index 100%
rename from src/components/common/AppLoading.vue
rename to src/components/common/app-loading.vue
diff --git a/src/components/common/DarkModeContainer.vue b/src/components/common/dark-mode-container.vue
similarity index 100%
rename from src/components/common/DarkModeContainer.vue
rename to src/components/common/dark-mode-container.vue
diff --git a/src/components/common/DarkModeSwitch.vue b/src/components/common/dark-mode-switch.vue
similarity index 100%
rename from src/components/common/DarkModeSwitch.vue
rename to src/components/common/dark-mode-switch.vue
diff --git a/src/components/common/ExceptionBase.vue b/src/components/common/exception-base.vue
similarity index 100%
rename from src/components/common/ExceptionBase.vue
rename to src/components/common/exception-base.vue
diff --git a/src/components/common/HoverContainer.vue b/src/components/common/hover-container.vue
similarity index 100%
rename from src/components/common/HoverContainer.vue
rename to src/components/common/hover-container.vue
diff --git a/src/components/common/NaiveProvider.vue b/src/components/common/naive-provider.vue
similarity index 100%
rename from src/components/common/NaiveProvider.vue
rename to src/components/common/naive-provider.vue
diff --git a/src/components/common/SystemLogo.vue b/src/components/common/system-logo.vue
similarity index 100%
rename from src/components/common/SystemLogo.vue
rename to src/components/common/system-logo.vue
diff --git a/src/components/custom/BetterScroll.vue b/src/components/custom/better-scroll.vue
similarity index 100%
rename from src/components/custom/BetterScroll.vue
rename to src/components/custom/better-scroll.vue
diff --git a/src/components/custom/CountTo.vue b/src/components/custom/count-to.vue
similarity index 100%
rename from src/components/custom/CountTo.vue
rename to src/components/custom/count-to.vue
diff --git a/src/components/custom/GithubLink.vue b/src/components/custom/github-link.vue
similarity index 84%
rename from src/components/custom/GithubLink.vue
rename to src/components/custom/github-link.vue
index d119d5b1..c7f7e016 100644
--- a/src/components/custom/GithubLink.vue
+++ b/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' });
 
diff --git a/src/components/custom/IconSelect.vue b/src/components/custom/icon-select.vue
similarity index 100%
rename from src/components/custom/IconSelect.vue
rename to src/components/custom/icon-select.vue
diff --git a/src/components/custom/ImageVerify.vue b/src/components/custom/image-verify.vue
similarity index 100%
rename from src/components/custom/ImageVerify.vue
rename to src/components/custom/image-verify.vue
diff --git a/src/components/custom/SvgIcon.vue b/src/components/custom/svg-icon.vue
similarity index 100%
rename from src/components/custom/SvgIcon.vue
rename to src/components/custom/svg-icon.vue
diff --git a/src/components/custom/WebSiteLink.vue b/src/components/custom/web-site-link.vue
similarity index 100%
rename from src/components/custom/WebSiteLink.vue
rename to src/components/custom/web-site-link.vue
diff --git a/src/composables/icon.ts b/src/composables/icon.ts
index 6fbf344b..abbfa886 100644
--- a/src/composables/icon.ts
+++ b/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';
 
 /**
  * 图标渲染
diff --git a/src/hooks/business/index.ts b/src/hooks/business/index.ts
index cbc26398..90e7a332 100644
--- a/src/hooks/business/index.ts
+++ b/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 };
diff --git a/src/hooks/business/useCountDown.ts b/src/hooks/business/use-count-down.ts
similarity index 100%
rename from src/hooks/business/useCountDown.ts
rename to src/hooks/business/use-count-down.ts
diff --git a/src/hooks/business/useImageVerify.ts b/src/hooks/business/use-image-verify.ts
similarity index 100%
rename from src/hooks/business/useImageVerify.ts
rename to src/hooks/business/use-image-verify.ts
diff --git a/src/hooks/business/useSmsCode.ts b/src/hooks/business/use-sms-code.ts
similarity index 97%
rename from src/hooks/business/useSmsCode.ts
rename to src/hooks/business/use-sms-code.ts
index 419854bb..5102cc0c 100644
--- a/src/hooks/business/useSmsCode.ts
+++ b/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();
diff --git a/src/hooks/business/useTable.ts b/src/hooks/business/use-table.ts
similarity index 100%
rename from src/hooks/business/useTable.ts
rename to src/hooks/business/use-table.ts
diff --git a/src/hooks/common/index.ts b/src/hooks/common/index.ts
index 1d1b78ad..f5629846 100644
--- a/src/hooks/common/index.ts
+++ b/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 };
diff --git a/src/hooks/common/useBoolean.ts b/src/hooks/common/use-boolean.ts
similarity index 100%
rename from src/hooks/common/useBoolean.ts
rename to src/hooks/common/use-boolean.ts
diff --git a/src/hooks/common/useContext.ts b/src/hooks/common/use-context.ts
similarity index 100%
rename from src/hooks/common/useContext.ts
rename to src/hooks/common/use-context.ts
diff --git a/src/hooks/common/useLoadingEmpty.ts b/src/hooks/common/use-loading-empty.ts
similarity index 89%
rename from src/hooks/common/useLoadingEmpty.ts
rename to src/hooks/common/use-loading-empty.ts
index a4ccfcb9..5a52c102 100644
--- a/src/hooks/common/useLoadingEmpty.ts
+++ b/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);
diff --git a/src/hooks/common/useLoading.ts b/src/hooks/common/use-loading.ts
similarity index 84%
rename from src/hooks/common/useLoading.ts
rename to src/hooks/common/use-loading.ts
index 4feb9700..bc6a23c2 100644
--- a/src/hooks/common/useLoading.ts
+++ b/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);
diff --git a/src/hooks/common/useReload.ts b/src/hooks/common/use-reload.ts
similarity index 92%
rename from src/hooks/common/useReload.ts
rename to src/hooks/common/use-reload.ts
index 714dd4d1..851d9279 100644
--- a/src/hooks/common/useReload.ts
+++ b/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() {
diff --git a/src/layouts/BasicLayout/index.vue b/src/layouts/basic-layout/index.vue
similarity index 100%
rename from src/layouts/BasicLayout/index.vue
rename to src/layouts/basic-layout/index.vue
diff --git a/src/layouts/BlankLayout/index.vue b/src/layouts/blank-layout/index.vue
similarity index 100%
rename from src/layouts/BlankLayout/index.vue
rename to src/layouts/blank-layout/index.vue
diff --git a/src/layouts/common/GlobalHeader/components/index.ts b/src/layouts/common/GlobalHeader/components/index.ts
deleted file mode 100644
index 6eed7299..00000000
--- a/src/layouts/common/GlobalHeader/components/index.ts
+++ /dev/null
@@ -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
-};
diff --git a/src/layouts/common/GlobalSearch/components/index.ts b/src/layouts/common/GlobalSearch/components/index.ts
deleted file mode 100644
index acfa0425..00000000
--- a/src/layouts/common/GlobalSearch/components/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import SearchModal from './SearchModal.vue';
-
-export { SearchModal };
diff --git a/src/layouts/common/GlobalSider/components/VerticalMixSider/components/index.ts b/src/layouts/common/GlobalSider/components/VerticalMixSider/components/index.ts
deleted file mode 100644
index 75ae054e..00000000
--- a/src/layouts/common/GlobalSider/components/VerticalMixSider/components/index.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import MixMenuDetail from './MixMenuDetail.vue';
-import MixMenuDrawer from './MixMenuDrawer.vue';
-import MixMenuCollapse from './MixMenuCollapse.vue';
-
-export { MixMenuDetail, MixMenuDrawer, MixMenuCollapse };
diff --git a/src/layouts/common/GlobalSider/components/VerticalSider/components/index.ts b/src/layouts/common/GlobalSider/components/VerticalSider/components/index.ts
deleted file mode 100644
index e01ff94e..00000000
--- a/src/layouts/common/GlobalSider/components/VerticalSider/components/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import VerticalMenu from './VerticalMenu.vue';
-
-export { VerticalMenu };
diff --git a/src/layouts/common/GlobalSider/components/index.ts b/src/layouts/common/GlobalSider/components/index.ts
deleted file mode 100644
index 364d0396..00000000
--- a/src/layouts/common/GlobalSider/components/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import VerticalSider from './VerticalSider/index.vue';
-import VerticalMixSider from './VerticalMixSider/index.vue';
-
-export { VerticalSider, VerticalMixSider };
diff --git a/src/layouts/common/GlobalTab/components/TabDetail/components/index.ts b/src/layouts/common/GlobalTab/components/TabDetail/components/index.ts
deleted file mode 100644
index 344a7087..00000000
--- a/src/layouts/common/GlobalTab/components/TabDetail/components/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import ContextMenu from './ContextMenu.vue';
-
-export { ContextMenu };
diff --git a/src/layouts/common/GlobalTab/components/index.ts b/src/layouts/common/GlobalTab/components/index.ts
deleted file mode 100644
index 4ff4d516..00000000
--- a/src/layouts/common/GlobalTab/components/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import TabDetail from './TabDetail/index.vue';
-import ReloadButton from './ReloadButton/index.vue';
-
-export { TabDetail, ReloadButton };
diff --git a/src/layouts/common/SettingDrawer/components/LayoutMode/components/index.ts b/src/layouts/common/SettingDrawer/components/LayoutMode/components/index.ts
deleted file mode 100644
index 5397f189..00000000
--- a/src/layouts/common/SettingDrawer/components/LayoutMode/components/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import LayoutCheckbox from './LayoutCheckbox.vue';
-
-export { LayoutCheckbox };
diff --git a/src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/index.ts b/src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/index.ts
deleted file mode 100644
index 008d9901..00000000
--- a/src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import ColorCheckbox from './ColorCheckbox.vue';
-import ColorModal from './ColorModal.vue';
-
-export { ColorCheckbox, ColorModal };
diff --git a/src/layouts/common/SettingDrawer/components/index.ts b/src/layouts/common/SettingDrawer/components/index.ts
deleted file mode 100644
index 3a5e2d2c..00000000
--- a/src/layouts/common/SettingDrawer/components/index.ts
+++ /dev/null
@@ -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 };
diff --git a/src/layouts/common/GlobalBackTop/index.vue b/src/layouts/common/global-back-top/index.vue
similarity index 100%
rename from src/layouts/common/GlobalBackTop/index.vue
rename to src/layouts/common/global-back-top/index.vue
diff --git a/src/layouts/common/GlobalContent/index.vue b/src/layouts/common/global-content/index.vue
similarity index 100%
rename from src/layouts/common/GlobalContent/index.vue
rename to src/layouts/common/global-content/index.vue
diff --git a/src/layouts/common/GlobalFooter/index.vue b/src/layouts/common/global-footer/index.vue
similarity index 100%
rename from src/layouts/common/GlobalFooter/index.vue
rename to src/layouts/common/global-footer/index.vue
diff --git a/src/layouts/common/GlobalHeader/components/FullScreen.vue b/src/layouts/common/global-header/components/full-screen.vue
similarity index 100%
rename from src/layouts/common/GlobalHeader/components/FullScreen.vue
rename to src/layouts/common/global-header/components/full-screen.vue
diff --git a/src/layouts/common/GlobalHeader/components/GithubSite.vue b/src/layouts/common/global-header/components/github-site.vue
similarity index 100%
rename from src/layouts/common/GlobalHeader/components/GithubSite.vue
rename to src/layouts/common/global-header/components/github-site.vue
diff --git a/src/layouts/common/GlobalHeader/components/GlobalBreadcrumb.vue b/src/layouts/common/global-header/components/global-breadcrumb.vue
similarity index 100%
rename from src/layouts/common/GlobalHeader/components/GlobalBreadcrumb.vue
rename to src/layouts/common/global-header/components/global-breadcrumb.vue
diff --git a/src/layouts/common/GlobalHeader/components/HeaderMenu.vue b/src/layouts/common/global-header/components/header-menu.vue
similarity index 100%
rename from src/layouts/common/GlobalHeader/components/HeaderMenu.vue
rename to src/layouts/common/global-header/components/header-menu.vue
diff --git a/src/layouts/common/global-header/components/index.ts b/src/layouts/common/global-header/components/index.ts
new file mode 100644
index 00000000..f358911a
--- /dev/null
+++ b/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
+};
diff --git a/src/layouts/common/GlobalHeader/components/MenuCollapse.vue b/src/layouts/common/global-header/components/menu-collapse.vue
similarity index 100%
rename from src/layouts/common/GlobalHeader/components/MenuCollapse.vue
rename to src/layouts/common/global-header/components/menu-collapse.vue
diff --git a/src/layouts/common/GlobalHeader/components/MessageList.vue b/src/layouts/common/global-header/components/message-list.vue
similarity index 100%
rename from src/layouts/common/GlobalHeader/components/MessageList.vue
rename to src/layouts/common/global-header/components/message-list.vue
diff --git a/src/layouts/common/GlobalHeader/components/SettingButton.vue b/src/layouts/common/global-header/components/setting-button.vue
similarity index 100%
rename from src/layouts/common/GlobalHeader/components/SettingButton.vue
rename to src/layouts/common/global-header/components/setting-button.vue
diff --git a/src/layouts/common/GlobalHeader/components/SystemMessage.vue b/src/layouts/common/global-header/components/system-message.vue
similarity index 99%
rename from src/layouts/common/GlobalHeader/components/SystemMessage.vue
rename to src/layouts/common/global-header/components/system-message.vue
index 25d8a6c6..a80db40d 100644
--- a/src/layouts/common/GlobalHeader/components/SystemMessage.vue
+++ b/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' });
 
diff --git a/src/layouts/common/GlobalHeader/components/ThemeMode.vue b/src/layouts/common/global-header/components/theme-mode.vue
similarity index 100%
rename from src/layouts/common/GlobalHeader/components/ThemeMode.vue
rename to src/layouts/common/global-header/components/theme-mode.vue
diff --git a/src/layouts/common/GlobalHeader/components/UserAvatar.vue b/src/layouts/common/global-header/components/user-avatar.vue
similarity index 100%
rename from src/layouts/common/GlobalHeader/components/UserAvatar.vue
rename to src/layouts/common/global-header/components/user-avatar.vue
diff --git a/src/layouts/common/GlobalHeader/index.vue b/src/layouts/common/global-header/index.vue
similarity index 93%
rename from src/layouts/common/GlobalHeader/index.vue
rename to src/layouts/common/global-header/index.vue
index b738abd3..c25dd1c6 100644
--- a/src/layouts/common/GlobalHeader/index.vue
+++ b/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,
diff --git a/src/layouts/common/GlobalLogo/index.vue b/src/layouts/common/global-logo/index.vue
similarity index 100%
rename from src/layouts/common/GlobalLogo/index.vue
rename to src/layouts/common/global-logo/index.vue
diff --git a/src/layouts/common/global-search/components/index.ts b/src/layouts/common/global-search/components/index.ts
new file mode 100644
index 00000000..5fe537f4
--- /dev/null
+++ b/src/layouts/common/global-search/components/index.ts
@@ -0,0 +1,3 @@
+import SearchModal from './search-modal.vue';
+
+export { SearchModal };
diff --git a/src/layouts/common/GlobalSearch/components/SearchFooter.vue b/src/layouts/common/global-search/components/search-footer.vue
similarity index 100%
rename from src/layouts/common/GlobalSearch/components/SearchFooter.vue
rename to src/layouts/common/global-search/components/search-footer.vue
diff --git a/src/layouts/common/GlobalSearch/components/SearchModal.vue b/src/layouts/common/global-search/components/search-modal.vue
similarity index 97%
rename from src/layouts/common/GlobalSearch/components/SearchModal.vue
rename to src/layouts/common/global-search/components/search-modal.vue
index 2b06b111..8b6d40d9 100644
--- a/src/layouts/common/GlobalSearch/components/SearchModal.vue
+++ b/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' });
 
diff --git a/src/layouts/common/GlobalSearch/components/SearchResult.vue b/src/layouts/common/global-search/components/search-result.vue
similarity index 100%
rename from src/layouts/common/GlobalSearch/components/SearchResult.vue
rename to src/layouts/common/global-search/components/search-result.vue
diff --git a/src/layouts/common/GlobalSearch/index.vue b/src/layouts/common/global-search/index.vue
similarity index 100%
rename from src/layouts/common/GlobalSearch/index.vue
rename to src/layouts/common/global-search/index.vue
diff --git a/src/layouts/common/global-sider/components/index.ts b/src/layouts/common/global-sider/components/index.ts
new file mode 100644
index 00000000..3e7b5a66
--- /dev/null
+++ b/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 };
diff --git a/src/layouts/common/global-sider/components/vertical-mix-sider/components/index.ts b/src/layouts/common/global-sider/components/vertical-mix-sider/components/index.ts
new file mode 100644
index 00000000..5d91cd57
--- /dev/null
+++ b/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 };
diff --git a/src/layouts/common/GlobalSider/components/VerticalMixSider/components/MixMenuCollapse.vue b/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-collapse.vue
similarity index 100%
rename from src/layouts/common/GlobalSider/components/VerticalMixSider/components/MixMenuCollapse.vue
rename to src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-collapse.vue
diff --git a/src/layouts/common/GlobalSider/components/VerticalMixSider/components/MixMenuDetail.vue b/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-detail.vue
similarity index 100%
rename from src/layouts/common/GlobalSider/components/VerticalMixSider/components/MixMenuDetail.vue
rename to src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-detail.vue
diff --git a/src/layouts/common/GlobalSider/components/VerticalMixSider/components/MixMenuDrawer.vue b/src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-drawer.vue
similarity index 100%
rename from src/layouts/common/GlobalSider/components/VerticalMixSider/components/MixMenuDrawer.vue
rename to src/layouts/common/global-sider/components/vertical-mix-sider/components/mix-menu-drawer.vue
diff --git a/src/layouts/common/GlobalSider/components/VerticalMixSider/index.vue b/src/layouts/common/global-sider/components/vertical-mix-sider/index.vue
similarity index 100%
rename from src/layouts/common/GlobalSider/components/VerticalMixSider/index.vue
rename to src/layouts/common/global-sider/components/vertical-mix-sider/index.vue
diff --git a/src/layouts/common/global-sider/components/vertical-sider/components/index.ts b/src/layouts/common/global-sider/components/vertical-sider/components/index.ts
new file mode 100644
index 00000000..6e162101
--- /dev/null
+++ b/src/layouts/common/global-sider/components/vertical-sider/components/index.ts
@@ -0,0 +1,3 @@
+import VerticalMenu from './vertical-menu.vue';
+
+export { VerticalMenu };
diff --git a/src/layouts/common/GlobalSider/components/VerticalSider/components/VerticalMenu.vue b/src/layouts/common/global-sider/components/vertical-sider/components/vertical-menu.vue
similarity index 100%
rename from src/layouts/common/GlobalSider/components/VerticalSider/components/VerticalMenu.vue
rename to src/layouts/common/global-sider/components/vertical-sider/components/vertical-menu.vue
diff --git a/src/layouts/common/GlobalSider/components/VerticalSider/index.vue b/src/layouts/common/global-sider/components/vertical-sider/index.vue
similarity index 100%
rename from src/layouts/common/GlobalSider/components/VerticalSider/index.vue
rename to src/layouts/common/global-sider/components/vertical-sider/index.vue
diff --git a/src/layouts/common/GlobalSider/index.vue b/src/layouts/common/global-sider/index.vue
similarity index 100%
rename from src/layouts/common/GlobalSider/index.vue
rename to src/layouts/common/global-sider/index.vue
diff --git a/src/layouts/common/global-tab/components/index.ts b/src/layouts/common/global-tab/components/index.ts
new file mode 100644
index 00000000..b7105baa
--- /dev/null
+++ b/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 };
diff --git a/src/layouts/common/GlobalTab/components/ReloadButton/index.vue b/src/layouts/common/global-tab/components/reload-button/index.vue
similarity index 100%
rename from src/layouts/common/GlobalTab/components/ReloadButton/index.vue
rename to src/layouts/common/global-tab/components/reload-button/index.vue
diff --git a/src/layouts/common/GlobalTab/components/TabDetail/components/ContextMenu.vue b/src/layouts/common/global-tab/components/tab-detail/components/context-menu.vue
similarity index 100%
rename from src/layouts/common/GlobalTab/components/TabDetail/components/ContextMenu.vue
rename to src/layouts/common/global-tab/components/tab-detail/components/context-menu.vue
diff --git a/src/layouts/common/global-tab/components/tab-detail/components/index.ts b/src/layouts/common/global-tab/components/tab-detail/components/index.ts
new file mode 100644
index 00000000..3ca94f0e
--- /dev/null
+++ b/src/layouts/common/global-tab/components/tab-detail/components/index.ts
@@ -0,0 +1,3 @@
+import ContextMenu from './context-menu.vue';
+
+export { ContextMenu };
diff --git a/src/layouts/common/GlobalTab/components/TabDetail/index.vue b/src/layouts/common/global-tab/components/tab-detail/index.vue
similarity index 100%
rename from src/layouts/common/GlobalTab/components/TabDetail/index.vue
rename to src/layouts/common/global-tab/components/tab-detail/index.vue
diff --git a/src/layouts/common/GlobalTab/index.vue b/src/layouts/common/global-tab/index.vue
similarity index 100%
rename from src/layouts/common/GlobalTab/index.vue
rename to src/layouts/common/global-tab/index.vue
diff --git a/src/layouts/common/index.ts b/src/layouts/common/index.ts
index b6d3f0b9..d855a38f 100644
--- a/src/layouts/common/index.ts
+++ b/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 };
diff --git a/src/layouts/common/SettingDrawer/components/DarkMode/index.vue b/src/layouts/common/setting-drawer/components/dark-mode/index.vue
similarity index 95%
rename from src/layouts/common/SettingDrawer/components/DarkMode/index.vue
rename to src/layouts/common/setting-drawer/components/dark-mode/index.vue
index 6253fd20..206e6903 100644
--- a/src/layouts/common/SettingDrawer/components/DarkMode/index.vue
+++ b/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' });
 
diff --git a/src/layouts/common/SettingDrawer/components/DrawerButton/index.vue b/src/layouts/common/setting-drawer/components/drawer-button/index.vue
similarity index 100%
rename from src/layouts/common/SettingDrawer/components/DrawerButton/index.vue
rename to src/layouts/common/setting-drawer/components/drawer-button/index.vue
diff --git a/src/layouts/common/setting-drawer/components/index.ts b/src/layouts/common/setting-drawer/components/index.ts
new file mode 100644
index 00000000..023172f6
--- /dev/null
+++ b/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 };
diff --git a/src/layouts/common/setting-drawer/components/layout-mode/components/index.ts b/src/layouts/common/setting-drawer/components/layout-mode/components/index.ts
new file mode 100644
index 00000000..f724a53b
--- /dev/null
+++ b/src/layouts/common/setting-drawer/components/layout-mode/components/index.ts
@@ -0,0 +1,3 @@
+import LayoutCheckbox from './layout-checkbox.vue';
+
+export { LayoutCheckbox };
diff --git a/src/layouts/common/SettingDrawer/components/LayoutMode/components/LayoutCheckbox.vue b/src/layouts/common/setting-drawer/components/layout-mode/components/layout-checkbox.vue
similarity index 100%
rename from src/layouts/common/SettingDrawer/components/LayoutMode/components/LayoutCheckbox.vue
rename to src/layouts/common/setting-drawer/components/layout-mode/components/layout-checkbox.vue
diff --git a/src/layouts/common/SettingDrawer/components/LayoutMode/index.vue b/src/layouts/common/setting-drawer/components/layout-mode/index.vue
similarity index 100%
rename from src/layouts/common/SettingDrawer/components/LayoutMode/index.vue
rename to src/layouts/common/setting-drawer/components/layout-mode/index.vue
diff --git a/src/layouts/common/SettingDrawer/components/PageFunc/index.vue b/src/layouts/common/setting-drawer/components/page-func/index.vue
similarity index 97%
rename from src/layouts/common/SettingDrawer/components/PageFunc/index.vue
rename to src/layouts/common/setting-drawer/components/page-func/index.vue
index 81d908d2..5bb5d68c 100644
--- a/src/layouts/common/SettingDrawer/components/PageFunc/index.vue
+++ b/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' });
 
diff --git a/src/layouts/common/SettingDrawer/components/PageView/index.vue b/src/layouts/common/setting-drawer/components/page-view/index.vue
similarity index 96%
rename from src/layouts/common/SettingDrawer/components/PageView/index.vue
rename to src/layouts/common/setting-drawer/components/page-view/index.vue
index f462c56a..7dc26c4b 100644
--- a/src/layouts/common/SettingDrawer/components/PageView/index.vue
+++ b/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' });
 
diff --git a/src/layouts/common/SettingDrawer/components/SettingMenu/index.vue b/src/layouts/common/setting-drawer/components/setting-menu/index.vue
similarity index 100%
rename from src/layouts/common/SettingDrawer/components/SettingMenu/index.vue
rename to src/layouts/common/setting-drawer/components/setting-menu/index.vue
diff --git a/src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/ColorCheckbox.vue b/src/layouts/common/setting-drawer/components/theme-color-select/components/color-checkbox.vue
similarity index 100%
rename from src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/ColorCheckbox.vue
rename to src/layouts/common/setting-drawer/components/theme-color-select/components/color-checkbox.vue
diff --git a/src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/ColorModal.vue b/src/layouts/common/setting-drawer/components/theme-color-select/components/color-modal.vue
similarity index 96%
rename from src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/ColorModal.vue
rename to src/layouts/common/setting-drawer/components/theme-color-select/components/color-modal.vue
index a91c1db3..3b1f5de2 100644
--- a/src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/ColorModal.vue
+++ b/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' });
 
diff --git a/src/layouts/common/setting-drawer/components/theme-color-select/components/index.ts b/src/layouts/common/setting-drawer/components/theme-color-select/components/index.ts
new file mode 100644
index 00000000..b35b249a
--- /dev/null
+++ b/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 };
diff --git a/src/layouts/common/SettingDrawer/components/ThemeColorSelect/index.vue b/src/layouts/common/setting-drawer/components/theme-color-select/index.vue
similarity index 100%
rename from src/layouts/common/SettingDrawer/components/ThemeColorSelect/index.vue
rename to src/layouts/common/setting-drawer/components/theme-color-select/index.vue
diff --git a/src/layouts/common/SettingDrawer/components/ThemeConfig/index.vue b/src/layouts/common/setting-drawer/components/theme-config/index.vue
similarity index 100%
rename from src/layouts/common/SettingDrawer/components/ThemeConfig/index.vue
rename to src/layouts/common/setting-drawer/components/theme-config/index.vue
diff --git a/src/layouts/common/SettingDrawer/index.vue b/src/layouts/common/setting-drawer/index.vue
similarity index 100%
rename from src/layouts/common/SettingDrawer/index.vue
rename to src/layouts/common/setting-drawer/index.vue
diff --git a/src/layouts/index.ts b/src/layouts/index.ts
index 6a7bf931..ed4558f8 100644
--- a/src/layouts/index.ts
+++ b/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 };
diff --git a/src/main.ts b/src/main.ts
index 61517e21..a31616d6 100644
--- a/src/main.ts
+++ b/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';
diff --git a/src/store/modules/theme/helpers.ts b/src/store/modules/theme/helpers.ts
index 4007440c..35c355a3 100644
--- a/src/store/modules/theme/helpers.ts
+++ b/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;
   }
diff --git a/src/utils/storage/session.ts b/src/utils/storage/session.ts
index b6efe9b9..d239e2c2 100644
--- a/src/utils/storage/session.ts
+++ b/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);
diff --git a/src/views/_builtin/login/components/LoginBg/components/index.ts b/src/views/_builtin/login/components/LoginBg/components/index.ts
deleted file mode 100644
index 33e9bf12..00000000
--- a/src/views/_builtin/login/components/LoginBg/components/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import CornerTop from './CornerTop.vue';
-import CornerBottom from './CornerBottom.vue';
-
-export { CornerTop, CornerBottom };
diff --git a/src/views/_builtin/login/components/PwdLogin/components/index.ts b/src/views/_builtin/login/components/PwdLogin/components/index.ts
deleted file mode 100644
index b04a8507..00000000
--- a/src/views/_builtin/login/components/PwdLogin/components/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import OtherLogin from './OtherLogin.vue';
-import OtherAccount from './OtherAccount.vue';
-
-export { OtherLogin, OtherAccount };
diff --git a/src/views/_builtin/login/components/BindWechat/index.vue b/src/views/_builtin/login/components/bind-wechat/index.vue
similarity index 100%
rename from src/views/_builtin/login/components/BindWechat/index.vue
rename to src/views/_builtin/login/components/bind-wechat/index.vue
diff --git a/src/views/_builtin/login/components/CodeLogin/index.vue b/src/views/_builtin/login/components/code-login/index.vue
similarity index 100%
rename from src/views/_builtin/login/components/CodeLogin/index.vue
rename to src/views/_builtin/login/components/code-login/index.vue
diff --git a/src/views/_builtin/login/components/index.ts b/src/views/_builtin/login/components/index.ts
index 62685c23..8360c518 100644
--- a/src/views/_builtin/login/components/index.ts
+++ b/src/views/_builtin/login/components/index.ts
@@ -1,8 +1,8 @@
-import LoginBg from './LoginBg/index.vue';
-import PwdLogin from './PwdLogin/index.vue';
-import CodeLogin from './CodeLogin/index.vue';
-import Register from './Register/index.vue';
-import ResetPwd from './ResetPwd/index.vue';
-import BindWechat from './BindWechat/index.vue';
+import LoginBg from './login-bg/index.vue';
+import PwdLogin from './pwd-login/index.vue';
+import CodeLogin from './code-login/index.vue';
+import Register from './register-user/index.vue';
+import ResetPwd from './reset-pwd/index.vue';
+import BindWechat from './bind-wechat/index.vue';
 
 export { LoginBg, PwdLogin, CodeLogin, Register, ResetPwd, BindWechat };
diff --git a/src/views/_builtin/login/components/LoginBg/components/CornerBottom.vue b/src/views/_builtin/login/components/login-bg/components/corner-bottom.vue
similarity index 100%
rename from src/views/_builtin/login/components/LoginBg/components/CornerBottom.vue
rename to src/views/_builtin/login/components/login-bg/components/corner-bottom.vue
diff --git a/src/views/_builtin/login/components/LoginBg/components/CornerTop.vue b/src/views/_builtin/login/components/login-bg/components/corner-top.vue
similarity index 100%
rename from src/views/_builtin/login/components/LoginBg/components/CornerTop.vue
rename to src/views/_builtin/login/components/login-bg/components/corner-top.vue
diff --git a/src/views/_builtin/login/components/login-bg/components/index.ts b/src/views/_builtin/login/components/login-bg/components/index.ts
new file mode 100644
index 00000000..8c93d9b4
--- /dev/null
+++ b/src/views/_builtin/login/components/login-bg/components/index.ts
@@ -0,0 +1,4 @@
+import CornerTop from './corner-top.vue';
+import CornerBottom from './corner-bottom.vue';
+
+export { CornerTop, CornerBottom };
diff --git a/src/views/_builtin/login/components/LoginBg/index.vue b/src/views/_builtin/login/components/login-bg/index.vue
similarity index 100%
rename from src/views/_builtin/login/components/LoginBg/index.vue
rename to src/views/_builtin/login/components/login-bg/index.vue
diff --git a/src/views/_builtin/login/components/pwd-login/components/index.ts b/src/views/_builtin/login/components/pwd-login/components/index.ts
new file mode 100644
index 00000000..b92441e3
--- /dev/null
+++ b/src/views/_builtin/login/components/pwd-login/components/index.ts
@@ -0,0 +1,4 @@
+import OtherLogin from './other-login.vue';
+import OtherAccount from './other-account.vue';
+
+export { OtherLogin, OtherAccount };
diff --git a/src/views/_builtin/login/components/PwdLogin/components/OtherAccount.vue b/src/views/_builtin/login/components/pwd-login/components/other-account.vue
similarity index 100%
rename from src/views/_builtin/login/components/PwdLogin/components/OtherAccount.vue
rename to src/views/_builtin/login/components/pwd-login/components/other-account.vue
diff --git a/src/views/_builtin/login/components/PwdLogin/components/OtherLogin.vue b/src/views/_builtin/login/components/pwd-login/components/other-login.vue
similarity index 100%
rename from src/views/_builtin/login/components/PwdLogin/components/OtherLogin.vue
rename to src/views/_builtin/login/components/pwd-login/components/other-login.vue
diff --git a/src/views/_builtin/login/components/PwdLogin/index.vue b/src/views/_builtin/login/components/pwd-login/index.vue
similarity index 100%
rename from src/views/_builtin/login/components/PwdLogin/index.vue
rename to src/views/_builtin/login/components/pwd-login/index.vue
diff --git a/src/views/_builtin/login/components/Register/index.vue b/src/views/_builtin/login/components/register-user/index.vue
similarity index 100%
rename from src/views/_builtin/login/components/Register/index.vue
rename to src/views/_builtin/login/components/register-user/index.vue
diff --git a/src/views/_builtin/login/components/ResetPwd/index.vue b/src/views/_builtin/login/components/reset-pwd/index.vue
similarity index 100%
rename from src/views/_builtin/login/components/ResetPwd/index.vue
rename to src/views/_builtin/login/components/reset-pwd/index.vue
diff --git a/src/views/about/components/DevDependency.vue b/src/views/about/components/dev-dependency.vue
similarity index 100%
rename from src/views/about/components/DevDependency.vue
rename to src/views/about/components/dev-dependency.vue
diff --git a/src/views/about/components/index.ts b/src/views/about/components/index.ts
index 3f045093..6c230297 100644
--- a/src/views/about/components/index.ts
+++ b/src/views/about/components/index.ts
@@ -1,6 +1,6 @@
-import ProjectIntroduction from './ProjectIntroduction.vue';
-import ProjectInfo from './ProjectInfo.vue';
-import ProDependency from './ProDependency.vue';
-import DevDependency from './DevDependency.vue';
+import ProjectIntroduction from './project-introduction.vue';
+import ProjectInfo from './project-info.vue';
+import ProDependency from './pro-dependency.vue';
+import DevDependency from './dev-dependency.vue';
 
 export { ProjectIntroduction, ProjectInfo, ProDependency, DevDependency };
diff --git a/src/views/about/components/ProDependency.vue b/src/views/about/components/pro-dependency.vue
similarity index 100%
rename from src/views/about/components/ProDependency.vue
rename to src/views/about/components/pro-dependency.vue
diff --git a/src/views/about/components/ProjectInfo.vue b/src/views/about/components/project-info.vue
similarity index 100%
rename from src/views/about/components/ProjectInfo.vue
rename to src/views/about/components/project-info.vue
diff --git a/src/views/about/components/ProjectIntroduction.vue b/src/views/about/components/project-introduction.vue
similarity index 100%
rename from src/views/about/components/ProjectIntroduction.vue
rename to src/views/about/components/project-introduction.vue
diff --git a/src/views/dashboard/analysis/components/DataCard/components/index.ts b/src/views/dashboard/analysis/components/DataCard/components/index.ts
deleted file mode 100644
index a8834d17..00000000
--- a/src/views/dashboard/analysis/components/DataCard/components/index.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-import GradientBg from './GradientBg.vue';
-
-export { GradientBg };
diff --git a/src/views/dashboard/analysis/components/BottomPart/index.vue b/src/views/dashboard/analysis/components/bottom-part/index.vue
similarity index 100%
rename from src/views/dashboard/analysis/components/BottomPart/index.vue
rename to src/views/dashboard/analysis/components/bottom-part/index.vue
diff --git a/src/views/dashboard/analysis/components/DataCard/components/GradientBg.vue b/src/views/dashboard/analysis/components/data-card/components/gradient-bg.vue
similarity index 100%
rename from src/views/dashboard/analysis/components/DataCard/components/GradientBg.vue
rename to src/views/dashboard/analysis/components/data-card/components/gradient-bg.vue
diff --git a/src/views/dashboard/analysis/components/data-card/components/index.ts b/src/views/dashboard/analysis/components/data-card/components/index.ts
new file mode 100644
index 00000000..1bd6ccb5
--- /dev/null
+++ b/src/views/dashboard/analysis/components/data-card/components/index.ts
@@ -0,0 +1,3 @@
+import GradientBg from './gradient-bg.vue';
+
+export { GradientBg };
diff --git a/src/views/dashboard/analysis/components/DataCard/index.vue b/src/views/dashboard/analysis/components/data-card/index.vue
similarity index 100%
rename from src/views/dashboard/analysis/components/DataCard/index.vue
rename to src/views/dashboard/analysis/components/data-card/index.vue
diff --git a/src/views/dashboard/analysis/components/index.ts b/src/views/dashboard/analysis/components/index.ts
index 8e940b19..e205afb4 100644
--- a/src/views/dashboard/analysis/components/index.ts
+++ b/src/views/dashboard/analysis/components/index.ts
@@ -1,5 +1,5 @@
-import TopChart from './TopChart/index.vue';
-import DataCard from './DataCard/index.vue';
-import BottomPart from './BottomPart/index.vue';
+import TopChart from './top-chart/index.vue';
+import DataCard from './data-card/index.vue';
+import BottomPart from './bottom-part/index.vue';
 
 export { TopChart, DataCard, BottomPart };
diff --git a/src/views/dashboard/analysis/components/TopChart/index.vue b/src/views/dashboard/analysis/components/top-chart/index.vue
similarity index 100%
rename from src/views/dashboard/analysis/components/TopChart/index.vue
rename to src/views/dashboard/analysis/components/top-chart/index.vue
diff --git a/src/views/dashboard/workbench/components/WorkbenchMain/components/index.ts b/src/views/dashboard/workbench/components/WorkbenchMain/components/index.ts
deleted file mode 100644
index e84b2621..00000000
--- a/src/views/dashboard/workbench/components/WorkbenchMain/components/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import TechnologyCard from './TechnologyCard.vue';
-import ShortcutsCard from './ShortcutsCard.vue';
-
-export { TechnologyCard, ShortcutsCard };
diff --git a/src/views/dashboard/workbench/components/index.ts b/src/views/dashboard/workbench/components/index.ts
index 208c51c4..dc98ac8f 100644
--- a/src/views/dashboard/workbench/components/index.ts
+++ b/src/views/dashboard/workbench/components/index.ts
@@ -1,4 +1,4 @@
-import WorkbenchHeader from './WorkbenchHeader/index.vue';
-import WorkbenchMain from './WorkbenchMain/index.vue';
+import WorkbenchHeader from './workbench-header/index.vue';
+import WorkbenchMain from './workbench-main/index.vue';
 
 export { WorkbenchHeader, WorkbenchMain };
diff --git a/src/views/dashboard/workbench/components/WorkbenchHeader/index.vue b/src/views/dashboard/workbench/components/workbench-header/index.vue
similarity index 100%
rename from src/views/dashboard/workbench/components/WorkbenchHeader/index.vue
rename to src/views/dashboard/workbench/components/workbench-header/index.vue
diff --git a/src/views/dashboard/workbench/components/workbench-main/components/index.ts b/src/views/dashboard/workbench/components/workbench-main/components/index.ts
new file mode 100644
index 00000000..86fa8479
--- /dev/null
+++ b/src/views/dashboard/workbench/components/workbench-main/components/index.ts
@@ -0,0 +1,4 @@
+import TechnologyCard from './technology-card.vue';
+import ShortcutsCard from './shortcuts-card.vue';
+
+export { TechnologyCard, ShortcutsCard };
diff --git a/src/views/dashboard/workbench/components/WorkbenchMain/components/ShortcutsCard.vue b/src/views/dashboard/workbench/components/workbench-main/components/shortcuts-card.vue
similarity index 100%
rename from src/views/dashboard/workbench/components/WorkbenchMain/components/ShortcutsCard.vue
rename to src/views/dashboard/workbench/components/workbench-main/components/shortcuts-card.vue
diff --git a/src/views/dashboard/workbench/components/WorkbenchMain/components/TechnologyCard.vue b/src/views/dashboard/workbench/components/workbench-main/components/technology-card.vue
similarity index 100%
rename from src/views/dashboard/workbench/components/WorkbenchMain/components/TechnologyCard.vue
rename to src/views/dashboard/workbench/components/workbench-main/components/technology-card.vue
diff --git a/src/views/dashboard/workbench/components/WorkbenchMain/index.vue b/src/views/dashboard/workbench/components/workbench-main/index.vue
similarity index 100%
rename from src/views/dashboard/workbench/components/WorkbenchMain/index.vue
rename to src/views/dashboard/workbench/components/workbench-main/index.vue
diff --git a/src/views/management/user/components/ColumnSetting.vue b/src/views/management/user/components/column-setting.vue
similarity index 100%
rename from src/views/management/user/components/ColumnSetting.vue
rename to src/views/management/user/components/column-setting.vue
diff --git a/src/views/management/user/components/TableActionModal.vue b/src/views/management/user/components/table-action-modal.vue
similarity index 100%
rename from src/views/management/user/components/TableActionModal.vue
rename to src/views/management/user/components/table-action-modal.vue
diff --git a/src/views/management/user/index.vue b/src/views/management/user/index.vue
index 8c8142d2..0e70c23a 100644
--- a/src/views/management/user/index.vue
+++ b/src/views/management/user/index.vue
@@ -36,9 +36,9 @@ import type { DataTableColumns, PaginationProps } from 'naive-ui';
 import { fetchUserList } from '@/service';
 import { useBoolean, useLoading } from '@/hooks';
 import { genderLabels, userStatusLabels } from '@/constants';
-import TableActionModal from './components/TableActionModal.vue';
-import type { ModalType } from './components/TableActionModal.vue';
-import ColumnSetting from './components/ColumnSetting.vue';
+import TableActionModal from './components/table-action-modal.vue';
+import type { ModalType } from './components/table-action-modal.vue';
+import ColumnSetting from './components/column-setting.vue';
 
 const { loading, startLoading, endLoading } = useLoading(false);
 const { bool: visible, setTrue: openModal } = useBoolean();
diff --git a/src/views/plugin/map/components/BaiduMap.vue b/src/views/plugin/map/components/baidu-map.vue
similarity index 100%
rename from src/views/plugin/map/components/BaiduMap.vue
rename to src/views/plugin/map/components/baidu-map.vue
diff --git a/src/views/plugin/map/components/GaodeMap.vue b/src/views/plugin/map/components/gaode-map.vue
similarity index 100%
rename from src/views/plugin/map/components/GaodeMap.vue
rename to src/views/plugin/map/components/gaode-map.vue
diff --git a/src/views/plugin/map/components/index.ts b/src/views/plugin/map/components/index.ts
index b0d67a79..b4a518f0 100644
--- a/src/views/plugin/map/components/index.ts
+++ b/src/views/plugin/map/components/index.ts
@@ -1,5 +1,5 @@
-import BaiduMap from './BaiduMap.vue';
-import GaodeMap from './GaodeMap.vue';
-import TencentMap from './TencentMap.vue';
+import BaiduMap from './baidu-map.vue';
+import GaodeMap from './gaode-map.vue';
+import TencentMap from './tencent-map.vue';
 
 export { BaiduMap, GaodeMap, TencentMap };
diff --git a/src/views/plugin/map/components/TencentMap.vue b/src/views/plugin/map/components/tencent-map.vue
similarity index 100%
rename from src/views/plugin/map/components/TencentMap.vue
rename to src/views/plugin/map/components/tencent-map.vue