From cea600f12c54700934208af3fa33631efd1b10fc Mon Sep 17 00:00:00 2001
From: Soybean <honghuangdc@gmail.com>
Date: Thu, 23 Feb 2023 08:22:44 +0800
Subject: [PATCH] refactor(projects): all file and folder use kebab-case

---
 ...yWrapper.vue => loading-empty-wrapper.vue} |  0
 ...LoginAgreement.vue => login-agreement.vue} |  0
 .../{AppLoading.vue => app-loading.vue}       |  0
 ...eContainer.vue => dark-mode-container.vue} |  0
 ...arkModeSwitch.vue => dark-mode-switch.vue} |  0
 .../{ExceptionBase.vue => exception-base.vue} |  0
 ...HoverContainer.vue => hover-container.vue} |  0
 .../{NaiveProvider.vue => naive-provider.vue} |  0
 .../{SystemLogo.vue => system-logo.vue}       |  0
 .../{BetterScroll.vue => better-scroll.vue}   |  0
 .../custom/{CountTo.vue => count-to.vue}      |  0
 .../{GithubLink.vue => github-link.vue}       |  2 +-
 .../{IconSelect.vue => icon-select.vue}       |  0
 .../{ImageVerify.vue => image-verify.vue}     |  0
 .../custom/{SvgIcon.vue => svg-icon.vue}      |  0
 .../{WebSiteLink.vue => web-site-link.vue}    |  0
 src/composables/icon.ts                       |  2 +-
 src/hooks/business/index.ts                   |  6 ++---
 .../{useCountDown.ts => use-count-down.ts}    |  0
 ...{useImageVerify.ts => use-image-verify.ts} |  0
 .../{useSmsCode.ts => use-sms-code.ts}        |  2 +-
 .../business/{useTable.ts => use-table.ts}    |  0
 src/hooks/common/index.ts                     | 10 +++----
 .../common/{useBoolean.ts => use-boolean.ts}  |  0
 .../common/{useContext.ts => use-context.ts}  |  0
 ...seLoadingEmpty.ts => use-loading-empty.ts} |  2 +-
 .../common/{useLoading.ts => use-loading.ts}  |  2 +-
 .../common/{useReload.ts => use-reload.ts}    |  2 +-
 .../{BasicLayout => basic-layout}/index.vue   |  0
 .../{BlankLayout => blank-layout}/index.vue   |  0
 .../common/GlobalHeader/components/index.ts   | 21 ---------------
 .../common/GlobalSearch/components/index.ts   |  3 ---
 .../VerticalMixSider/components/index.ts      |  5 ----
 .../VerticalSider/components/index.ts         |  3 ---
 .../common/GlobalSider/components/index.ts    |  4 ---
 .../components/TabDetail/components/index.ts  |  3 ---
 .../common/GlobalTab/components/index.ts      |  4 ---
 .../components/LayoutMode/components/index.ts |  3 ---
 .../ThemeColorSelect/components/index.ts      |  4 ---
 .../common/SettingDrawer/components/index.ts  |  9 -------
 .../index.vue                                 |  0
 .../index.vue                                 |  0
 .../{GlobalFooter => global-footer}/index.vue |  0
 .../components/full-screen.vue}               |  0
 .../components/github-site.vue}               |  0
 .../components/global-breadcrumb.vue}         |  0
 .../components/header-menu.vue}               |  0
 .../common/global-header/components/index.ts  | 21 +++++++++++++++
 .../components/menu-collapse.vue}             |  0
 .../components/message-list.vue}              |  0
 .../components/setting-button.vue}            |  0
 .../components/system-message.vue}            |  2 +-
 .../components/theme-mode.vue}                |  0
 .../components/user-avatar.vue}               |  0
 .../{GlobalHeader => global-header}/index.vue |  4 +--
 .../{GlobalLogo => global-logo}/index.vue     |  0
 .../common/global-search/components/index.ts  |  3 +++
 .../components/search-footer.vue}             |  0
 .../components/search-modal.vue}              |  4 +--
 .../components/search-result.vue}             |  0
 .../{GlobalSearch => global-search}/index.vue |  0
 .../common/global-sider/components/index.ts   |  4 +++
 .../vertical-mix-sider/components/index.ts    |  5 ++++
 .../components/mix-menu-collapse.vue}         |  0
 .../components/mix-menu-detail.vue}           |  0
 .../components/mix-menu-drawer.vue}           |  0
 .../components/vertical-mix-sider}/index.vue  |  0
 .../vertical-sider/components/index.ts        |  3 +++
 .../components/vertical-menu.vue}             |  0
 .../components/vertical-sider}/index.vue      |  0
 .../{GlobalSider => global-sider}/index.vue   |  0
 .../common/global-tab/components/index.ts     |  4 +++
 .../components/reload-button}/index.vue       |  0
 .../tab-detail/components/context-menu.vue}   |  0
 .../components/tab-detail/components/index.ts |  3 +++
 .../components/tab-detail}/index.vue          |  0
 .../{GlobalTab => global-tab}/index.vue       |  0
 src/layouts/common/index.ts                   | 16 ++++++------
 .../components/dark-mode}/index.vue           |  2 +-
 .../components/drawer-button}/index.vue       |  0
 .../common/setting-drawer/components/index.ts |  9 +++++++
 .../layout-mode/components/index.ts           |  3 +++
 .../components/layout-checkbox.vue}           |  0
 .../components/layout-mode}/index.vue         |  0
 .../components/page-func}/index.vue           |  2 +-
 .../components/page-view}/index.vue           |  2 +-
 .../components/setting-menu}/index.vue        |  0
 .../components/color-checkbox.vue}            |  0
 .../components/color-modal.vue}               |  2 +-
 .../theme-color-select/components/index.ts    |  4 +++
 .../components/theme-color-select}/index.vue  |  0
 .../components/theme-config}/index.vue        |  0
 .../index.vue                                 |  0
 src/layouts/index.ts                          |  4 +--
 src/main.ts                                   |  2 +-
 src/store/modules/theme/helpers.ts            |  1 +
 src/utils/storage/session.ts                  | 26 -------------------
 .../components/LoginBg/components/index.ts    |  4 ---
 .../components/PwdLogin/components/index.ts   |  4 ---
 .../{BindWechat => bind-wechat}/index.vue     |  0
 .../{CodeLogin => code-login}/index.vue       |  0
 src/views/_builtin/login/components/index.ts  | 12 ++++-----
 .../components/corner-bottom.vue}             |  0
 .../components/corner-top.vue}                |  0
 .../components/login-bg/components/index.ts   |  4 +++
 .../{LoginBg => login-bg}/index.vue           |  0
 .../components/pwd-login/components/index.ts  |  4 +++
 .../components/other-account.vue}             |  0
 .../components/other-login.vue}               |  0
 .../{PwdLogin => pwd-login}/index.vue         |  0
 .../{Register => register-user}/index.vue     |  0
 .../{ResetPwd => reset-pwd}/index.vue         |  0
 .../{DevDependency.vue => dev-dependency.vue} |  0
 src/views/about/components/index.ts           |  8 +++---
 .../{ProDependency.vue => pro-dependency.vue} |  0
 .../{ProjectInfo.vue => project-info.vue}     |  0
 ...roduction.vue => project-introduction.vue} |  0
 .../components/DataCard/components/index.ts   |  3 ---
 .../{BottomPart => bottom-part}/index.vue     |  0
 .../components/gradient-bg.vue}               |  0
 .../components/data-card/components/index.ts  |  3 +++
 .../{DataCard => data-card}/index.vue         |  0
 .../dashboard/analysis/components/index.ts    |  6 ++---
 .../{TopChart => top-chart}/index.vue         |  0
 .../WorkbenchMain/components/index.ts         |  4 ---
 .../dashboard/workbench/components/index.ts   |  4 +--
 .../index.vue                                 |  0
 .../workbench-main/components/index.ts        |  4 +++
 .../components/shortcuts-card.vue}            |  0
 .../components/technology-card.vue}           |  0
 .../index.vue                                 |  0
 .../{ColumnSetting.vue => column-setting.vue} |  0
 ...ActionModal.vue => table-action-modal.vue} |  0
 src/views/management/user/index.vue           |  6 ++---
 .../{BaiduMap.vue => baidu-map.vue}           |  0
 .../{GaodeMap.vue => gaode-map.vue}           |  0
 src/views/plugin/map/components/index.ts      |  6 ++---
 .../{TencentMap.vue => tencent-map.vue}       |  0
 138 files changed, 130 insertions(+), 155 deletions(-)
 rename src/components/business/{LoadingEmptyWrapper.vue => loading-empty-wrapper.vue} (100%)
 rename src/components/business/{LoginAgreement.vue => login-agreement.vue} (100%)
 rename src/components/common/{AppLoading.vue => app-loading.vue} (100%)
 rename src/components/common/{DarkModeContainer.vue => dark-mode-container.vue} (100%)
 rename src/components/common/{DarkModeSwitch.vue => dark-mode-switch.vue} (100%)
 rename src/components/common/{ExceptionBase.vue => exception-base.vue} (100%)
 rename src/components/common/{HoverContainer.vue => hover-container.vue} (100%)
 rename src/components/common/{NaiveProvider.vue => naive-provider.vue} (100%)
 rename src/components/common/{SystemLogo.vue => system-logo.vue} (100%)
 rename src/components/custom/{BetterScroll.vue => better-scroll.vue} (100%)
 rename src/components/custom/{CountTo.vue => count-to.vue} (100%)
 rename src/components/custom/{GithubLink.vue => github-link.vue} (84%)
 rename src/components/custom/{IconSelect.vue => icon-select.vue} (100%)
 rename src/components/custom/{ImageVerify.vue => image-verify.vue} (100%)
 rename src/components/custom/{SvgIcon.vue => svg-icon.vue} (100%)
 rename src/components/custom/{WebSiteLink.vue => web-site-link.vue} (100%)
 rename src/hooks/business/{useCountDown.ts => use-count-down.ts} (100%)
 rename src/hooks/business/{useImageVerify.ts => use-image-verify.ts} (100%)
 rename src/hooks/business/{useSmsCode.ts => use-sms-code.ts} (97%)
 rename src/hooks/business/{useTable.ts => use-table.ts} (100%)
 rename src/hooks/common/{useBoolean.ts => use-boolean.ts} (100%)
 rename src/hooks/common/{useContext.ts => use-context.ts} (100%)
 rename src/hooks/common/{useLoadingEmpty.ts => use-loading-empty.ts} (89%)
 rename src/hooks/common/{useLoading.ts => use-loading.ts} (84%)
 rename src/hooks/common/{useReload.ts => use-reload.ts} (92%)
 rename src/layouts/{BasicLayout => basic-layout}/index.vue (100%)
 rename src/layouts/{BlankLayout => blank-layout}/index.vue (100%)
 delete mode 100644 src/layouts/common/GlobalHeader/components/index.ts
 delete mode 100644 src/layouts/common/GlobalSearch/components/index.ts
 delete mode 100644 src/layouts/common/GlobalSider/components/VerticalMixSider/components/index.ts
 delete mode 100644 src/layouts/common/GlobalSider/components/VerticalSider/components/index.ts
 delete mode 100644 src/layouts/common/GlobalSider/components/index.ts
 delete mode 100644 src/layouts/common/GlobalTab/components/TabDetail/components/index.ts
 delete mode 100644 src/layouts/common/GlobalTab/components/index.ts
 delete mode 100644 src/layouts/common/SettingDrawer/components/LayoutMode/components/index.ts
 delete mode 100644 src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/index.ts
 delete mode 100644 src/layouts/common/SettingDrawer/components/index.ts
 rename src/layouts/common/{GlobalBackTop => global-back-top}/index.vue (100%)
 rename src/layouts/common/{GlobalContent => global-content}/index.vue (100%)
 rename src/layouts/common/{GlobalFooter => global-footer}/index.vue (100%)
 rename src/layouts/common/{GlobalHeader/components/FullScreen.vue => global-header/components/full-screen.vue} (100%)
 rename src/layouts/common/{GlobalHeader/components/GithubSite.vue => global-header/components/github-site.vue} (100%)
 rename src/layouts/common/{GlobalHeader/components/GlobalBreadcrumb.vue => global-header/components/global-breadcrumb.vue} (100%)
 rename src/layouts/common/{GlobalHeader/components/HeaderMenu.vue => global-header/components/header-menu.vue} (100%)
 create mode 100644 src/layouts/common/global-header/components/index.ts
 rename src/layouts/common/{GlobalHeader/components/MenuCollapse.vue => global-header/components/menu-collapse.vue} (100%)
 rename src/layouts/common/{GlobalHeader/components/MessageList.vue => global-header/components/message-list.vue} (100%)
 rename src/layouts/common/{GlobalHeader/components/SettingButton.vue => global-header/components/setting-button.vue} (100%)
 rename src/layouts/common/{GlobalHeader/components/SystemMessage.vue => global-header/components/system-message.vue} (99%)
 rename src/layouts/common/{GlobalHeader/components/ThemeMode.vue => global-header/components/theme-mode.vue} (100%)
 rename src/layouts/common/{GlobalHeader/components/UserAvatar.vue => global-header/components/user-avatar.vue} (100%)
 rename src/layouts/common/{GlobalHeader => global-header}/index.vue (93%)
 rename src/layouts/common/{GlobalLogo => global-logo}/index.vue (100%)
 create mode 100644 src/layouts/common/global-search/components/index.ts
 rename src/layouts/common/{GlobalSearch/components/SearchFooter.vue => global-search/components/search-footer.vue} (100%)
 rename src/layouts/common/{GlobalSearch/components/SearchModal.vue => global-search/components/search-modal.vue} (97%)
 rename src/layouts/common/{GlobalSearch/components/SearchResult.vue => global-search/components/search-result.vue} (100%)
 rename src/layouts/common/{GlobalSearch => global-search}/index.vue (100%)
 create mode 100644 src/layouts/common/global-sider/components/index.ts
 create mode 100644 src/layouts/common/global-sider/components/vertical-mix-sider/components/index.ts
 rename src/layouts/common/{GlobalSider/components/VerticalMixSider/components/MixMenuCollapse.vue => global-sider/components/vertical-mix-sider/components/mix-menu-collapse.vue} (100%)
 rename src/layouts/common/{GlobalSider/components/VerticalMixSider/components/MixMenuDetail.vue => global-sider/components/vertical-mix-sider/components/mix-menu-detail.vue} (100%)
 rename src/layouts/common/{GlobalSider/components/VerticalMixSider/components/MixMenuDrawer.vue => global-sider/components/vertical-mix-sider/components/mix-menu-drawer.vue} (100%)
 rename src/layouts/common/{GlobalSider/components/VerticalMixSider => global-sider/components/vertical-mix-sider}/index.vue (100%)
 create mode 100644 src/layouts/common/global-sider/components/vertical-sider/components/index.ts
 rename src/layouts/common/{GlobalSider/components/VerticalSider/components/VerticalMenu.vue => global-sider/components/vertical-sider/components/vertical-menu.vue} (100%)
 rename src/layouts/common/{GlobalSider/components/VerticalSider => global-sider/components/vertical-sider}/index.vue (100%)
 rename src/layouts/common/{GlobalSider => global-sider}/index.vue (100%)
 create mode 100644 src/layouts/common/global-tab/components/index.ts
 rename src/layouts/common/{GlobalTab/components/ReloadButton => global-tab/components/reload-button}/index.vue (100%)
 rename src/layouts/common/{GlobalTab/components/TabDetail/components/ContextMenu.vue => global-tab/components/tab-detail/components/context-menu.vue} (100%)
 create mode 100644 src/layouts/common/global-tab/components/tab-detail/components/index.ts
 rename src/layouts/common/{GlobalTab/components/TabDetail => global-tab/components/tab-detail}/index.vue (100%)
 rename src/layouts/common/{GlobalTab => global-tab}/index.vue (100%)
 rename src/layouts/common/{SettingDrawer/components/DarkMode => setting-drawer/components/dark-mode}/index.vue (95%)
 rename src/layouts/common/{SettingDrawer/components/DrawerButton => setting-drawer/components/drawer-button}/index.vue (100%)
 create mode 100644 src/layouts/common/setting-drawer/components/index.ts
 create mode 100644 src/layouts/common/setting-drawer/components/layout-mode/components/index.ts
 rename src/layouts/common/{SettingDrawer/components/LayoutMode/components/LayoutCheckbox.vue => setting-drawer/components/layout-mode/components/layout-checkbox.vue} (100%)
 rename src/layouts/common/{SettingDrawer/components/LayoutMode => setting-drawer/components/layout-mode}/index.vue (100%)
 rename src/layouts/common/{SettingDrawer/components/PageFunc => setting-drawer/components/page-func}/index.vue (97%)
 rename src/layouts/common/{SettingDrawer/components/PageView => setting-drawer/components/page-view}/index.vue (96%)
 rename src/layouts/common/{SettingDrawer/components/SettingMenu => setting-drawer/components/setting-menu}/index.vue (100%)
 rename src/layouts/common/{SettingDrawer/components/ThemeColorSelect/components/ColorCheckbox.vue => setting-drawer/components/theme-color-select/components/color-checkbox.vue} (100%)
 rename src/layouts/common/{SettingDrawer/components/ThemeColorSelect/components/ColorModal.vue => setting-drawer/components/theme-color-select/components/color-modal.vue} (96%)
 create mode 100644 src/layouts/common/setting-drawer/components/theme-color-select/components/index.ts
 rename src/layouts/common/{SettingDrawer/components/ThemeColorSelect => setting-drawer/components/theme-color-select}/index.vue (100%)
 rename src/layouts/common/{SettingDrawer/components/ThemeConfig => setting-drawer/components/theme-config}/index.vue (100%)
 rename src/layouts/common/{SettingDrawer => setting-drawer}/index.vue (100%)
 delete mode 100644 src/views/_builtin/login/components/LoginBg/components/index.ts
 delete mode 100644 src/views/_builtin/login/components/PwdLogin/components/index.ts
 rename src/views/_builtin/login/components/{BindWechat => bind-wechat}/index.vue (100%)
 rename src/views/_builtin/login/components/{CodeLogin => code-login}/index.vue (100%)
 rename src/views/_builtin/login/components/{LoginBg/components/CornerBottom.vue => login-bg/components/corner-bottom.vue} (100%)
 rename src/views/_builtin/login/components/{LoginBg/components/CornerTop.vue => login-bg/components/corner-top.vue} (100%)
 create mode 100644 src/views/_builtin/login/components/login-bg/components/index.ts
 rename src/views/_builtin/login/components/{LoginBg => login-bg}/index.vue (100%)
 create mode 100644 src/views/_builtin/login/components/pwd-login/components/index.ts
 rename src/views/_builtin/login/components/{PwdLogin/components/OtherAccount.vue => pwd-login/components/other-account.vue} (100%)
 rename src/views/_builtin/login/components/{PwdLogin/components/OtherLogin.vue => pwd-login/components/other-login.vue} (100%)
 rename src/views/_builtin/login/components/{PwdLogin => pwd-login}/index.vue (100%)
 rename src/views/_builtin/login/components/{Register => register-user}/index.vue (100%)
 rename src/views/_builtin/login/components/{ResetPwd => reset-pwd}/index.vue (100%)
 rename src/views/about/components/{DevDependency.vue => dev-dependency.vue} (100%)
 rename src/views/about/components/{ProDependency.vue => pro-dependency.vue} (100%)
 rename src/views/about/components/{ProjectInfo.vue => project-info.vue} (100%)
 rename src/views/about/components/{ProjectIntroduction.vue => project-introduction.vue} (100%)
 delete mode 100644 src/views/dashboard/analysis/components/DataCard/components/index.ts
 rename src/views/dashboard/analysis/components/{BottomPart => bottom-part}/index.vue (100%)
 rename src/views/dashboard/analysis/components/{DataCard/components/GradientBg.vue => data-card/components/gradient-bg.vue} (100%)
 create mode 100644 src/views/dashboard/analysis/components/data-card/components/index.ts
 rename src/views/dashboard/analysis/components/{DataCard => data-card}/index.vue (100%)
 rename src/views/dashboard/analysis/components/{TopChart => top-chart}/index.vue (100%)
 delete mode 100644 src/views/dashboard/workbench/components/WorkbenchMain/components/index.ts
 rename src/views/dashboard/workbench/components/{WorkbenchHeader => workbench-header}/index.vue (100%)
 create mode 100644 src/views/dashboard/workbench/components/workbench-main/components/index.ts
 rename src/views/dashboard/workbench/components/{WorkbenchMain/components/ShortcutsCard.vue => workbench-main/components/shortcuts-card.vue} (100%)
 rename src/views/dashboard/workbench/components/{WorkbenchMain/components/TechnologyCard.vue => workbench-main/components/technology-card.vue} (100%)
 rename src/views/dashboard/workbench/components/{WorkbenchMain => workbench-main}/index.vue (100%)
 rename src/views/management/user/components/{ColumnSetting.vue => column-setting.vue} (100%)
 rename src/views/management/user/components/{TableActionModal.vue => table-action-modal.vue} (100%)
 rename src/views/plugin/map/components/{BaiduMap.vue => baidu-map.vue} (100%)
 rename src/views/plugin/map/components/{GaodeMap.vue => gaode-map.vue} (100%)
 rename src/views/plugin/map/components/{TencentMap.vue => tencent-map.vue} (100%)

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 d119d5b1a..c7f7e016f 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 6fbf344ba..abbfa8864 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 cbc263981..90e7a3320 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 419854bb5..5102cc0c2 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 1d1b78adf..f56298468 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 a4ccfcb99..5a52c102d 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 4feb97004..bc6a23c2a 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 714dd4d1e..851d92797 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 6eed72990..000000000
--- 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 acfa0425e..000000000
--- 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 75ae054eb..000000000
--- 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 e01ff94e9..000000000
--- 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 364d0396e..000000000
--- 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 344a70875..000000000
--- 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 4ff4d5166..000000000
--- 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 5397f1894..000000000
--- 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 008d99013..000000000
--- 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 3a5e2d2cc..000000000
--- 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 000000000..f358911ad
--- /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 25d8a6c60..a80db40d7 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 b738abd35..c25dd1c6e 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 000000000..5fe537f42
--- /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 2b06b1118..8b6d40d93 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 000000000..3e7b5a668
--- /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 000000000..5d91cd57b
--- /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 000000000..6e1621017
--- /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 000000000..b7105baaa
--- /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 000000000..3ca94f0e9
--- /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 b6d3f0b9d..d855a38fc 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 6253fd20f..206e69039 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 000000000..023172f60
--- /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 000000000..f724a53b6
--- /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 81d908d2a..5bb5d68cb 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 f462c56a9..7dc26c4b6 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 a91c1db3b..3b1f5de2e 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 000000000..b35b249a7
--- /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 6a7bf9318..ed4558f80 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 61517e215..a31616d67 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 4007440c3..35c355a39 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 b6efe9b9a..d239e2c20 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 33e9bf121..000000000
--- 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 b04a85079..000000000
--- 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 62685c23d..8360c518f 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 000000000..8c93d9b4f
--- /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 000000000..b92441e3e
--- /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 3f0450933..6c230297a 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 a8834d175..000000000
--- 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 000000000..1bd6ccb5d
--- /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 8e940b199..e205afb4c 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 e84b2621d..000000000
--- 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 208c51c43..dc98ac8f0 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 000000000..86fa8479a
--- /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 8c8142d24..0e70c23a7 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 b0d67a79e..b4a518f02 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