From 216b32ccbeb911105db86924be91ad8641cc6c7b Mon Sep 17 00:00:00 2001
From: bqy_fe <1743369777@qq.com>
Date: Tue, 4 Jan 2022 00:32:23 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E5=9B=BD=E9=99=85?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .editorconfig                                 |  16 +
 package.json                                  |  12 +-
 src/App.vue                                   |  24 +-
 src/assets/icons/locale.svg                   |  14 +
 src/components/SuspenseWithError.vue          |  23 -
 src/components/a-custom-modal/index.ts        |   1 -
 src/components/basic/README.md                |   6 +
 .../{BasicHelp.vue => basic-help/index.vue}   |   0
 src/components/{ => basic}/button/button.vue  |   4 +-
 src/components/{ => basic}/button/index.ts    |   0
 .../{ => basic}/button/styles/index.less      |   0
 .../button/styles/setButtonColor.less         |   4 +-
 .../{ => basic}/button/styles/success.less    |   0
 .../{ => basic}/button/styles/warning.less    |   0
 .../{ => basic}/check-box/index.vue           |   0
 .../{ => basic}/context-menu/index.vue        |   0
 .../{ => basic}/context-menu/props.ts         |   0
 .../{ => basic}/context-menu/types.ts         |   0
 .../{ => basic}/iconfont/icon-font.tsx        |   0
 src/components/{ => basic}/iconfont/index.ts  |   0
 .../{ => basic}/icons-select/icons.json       |   0
 .../{ => basic}/icons-select/index.vue        |   2 +-
 .../{ => basic}/image-preview/index.tsx       |   0
 src/components/basic/locale-picker/index.ts   |   1 +
 src/components/basic/locale-picker/index.vue  |  60 ++
 .../{ => basic}/lockscreen/huawei-charge.vue  |   0
 .../{ => basic}/lockscreen/index.ts           |   0
 .../{ => basic}/lockscreen/index.vue          |   0
 .../{ => basic}/lockscreen/lockscreen.vue     |   0
 .../{ => basic}/lockscreen/xiaomi-charge.vue  |   0
 src/components/{ => basic}/progress/index.vue |   0
 .../{ => basic}/split-panel/index.ts          |   0
 .../{ => basic}/split-panel/index.vue         |   0
 src/components/{ => basic}/svg-icon/index.ts  |   0
 src/components/basic/svg-icon/svg-icon.vue    |  51 ++
 src/components/basic/title-i18n/index.ts      |   1 +
 src/components/basic/title-i18n/index.vue     |  27 +
 src/components/business/README.md             |   3 +
 src/components/core/README.md                 |   7 +
 src/components/core/draggable-modal/index.ts  |   1 +
 .../draggable-modal}/index.vue                |   0
 .../dynamic-table/components/index.ts         |   0
 .../components/query-form/index.vue           |   4 +-
 .../dynamic-table/components/table-action.vue |   0
 .../table-settings/column-setting.vue         |   2 +-
 .../components/table-settings/index.vue       |   0
 .../table-settings/refresh-setting.vue        |   0
 .../table-settings/size-setting.vue           |   0
 .../components/tool-bar/index.vue             |   2 +-
 .../dynamic-table/dynamic-table.vue           |   0
 .../{ => core}/dynamic-table/hooks/index.ts   |   0
 .../dynamic-table/hooks/useExpandLoading.ts   |   0
 .../dynamic-table/hooks/usePagination.ts      |   0
 .../dynamic-table/hooks/useTableContext.ts    |   0
 .../{ => core}/dynamic-table/index.ts         |   0
 .../{ => core}/dynamic-table/props.ts         |   0
 .../dynamic-table/types/tableAction.ts        |   0
 .../{ => core}/dynamic-table/typing.ts        |   2 +-
 .../schema-form}/componentMap.ts              |   0
 .../schema-form}/helper.ts                    |   2 +-
 .../schema-form}/hooks/useLabelWidth.ts       |   0
 .../schema-form}/index.ts                     |   0
 .../schema-form}/schema-form-item.vue         |   2 +-
 .../schema-form}/schema-form.vue              |   0
 .../schema-form}/types/form.ts                |   0
 .../schema-form}/types/formItem.ts            |   0
 .../schema-form}/types/hooks.ts               |   0
 .../schema-form}/types/index.ts               |   0
 src/components/preview-modal.vue              | 237 -------
 src/components/svg-icon/svg-icon.vue          |  51 --
 src/enums/cacheEnum.ts                        |   3 +
 src/hooks/functions/useContextMenu.ts         |   4 +-
 src/hooks/useI18n.ts                          |  27 +
 src/hooks/useModal/modal.tsx                  |  10 +-
 src/hooks/useModal/useFormModal.tsx           |   4 +-
 .../header/components/fullscreen/index.vue    |  24 +
 src/layout/header/components/index.ts         |   5 +-
 src/layout/header/components/search/index.vue |  83 +--
 src/layout/header/index.vue                   | 126 +---
 src/layout/index.vue                          |   2 +-
 src/layout/menu/menu-item.vue                 |  10 +-
 src/layout/tabs/tabs-view.vue                 |   7 +-
 src/locales/config.ts                         |  21 +
 src/locales/helper.ts                         |  37 +
 src/locales/index.ts                          |  38 ++
 src/locales/lang/en-US/common.ts              |  20 +
 src/locales/lang/en-US/layout.ts              | 115 ++++
 src/locales/lang/en-US/routes/basic.ts        |   4 +
 src/locales/lang/en-US/routes/dashboard.ts    |   6 +
 src/locales/lang/en-US/routes/demo.ts         |  16 +
 src/locales/lang/en_US.ts                     |  13 +
 src/locales/lang/zh-CN/common.ts              |  20 +
 src/locales/lang/zh-CN/layout.ts              | 115 ++++
 src/locales/lang/zh-CN/routes/basic.ts        |   4 +
 src/locales/lang/zh-CN/routes/dashboard.ts    |   6 +
 src/locales/lang/zh-CN/routes/demo.ts         |  16 +
 src/locales/lang/zh_CN.ts                     |  11 +
 src/locales/useLocale.ts                      |  68 ++
 src/main.ts                                   |   4 +
 src/plugins/antd.ts                           |   2 +-
 src/plugins/customComponents.ts               |   4 +-
 src/router/generator-router.tsx               |   6 +-
 src/router/outsideLayout.ts                   |   2 +-
 src/router/router-guards.ts                   |   1 -
 src/router/staticModules/dashboard.ts         |   9 +-
 src/router/staticModules/demos.ts             |  42 +-
 src/router/staticModules/error.ts             |   4 +-
 src/store/modules/keepAlive.ts                |   7 +-
 src/store/modules/locale.ts                   |  32 +
 src/store/modules/lockscreen.ts               |   5 +
 src/store/modules/tabsView.ts                 |   6 +
 src/store/modules/user.ts                     |   6 +
 src/store/modules/ws.ts                       |   6 +
 .../{shared => }/dashboard/welcome/index.vue  |   0
 src/views/{shared => }/demos/button.vue       |   8 +-
 src/views/{shared => }/demos/custom-modal.vue |  10 +-
 .../demos/form/basic-form/form-schema.ts      |   2 +-
 .../demos/form/basic-form/index.vue           |   2 +-
 .../demos/form/rule-form/form-schema.ts       |   2 +-
 .../demos/form/rule-form/index.vue            |   2 +-
 .../{shared => }/demos/icons/Iconfont.vue     |  23 +-
 .../demos/tables/lol-table/columns.tsx        |   4 +-
 .../demos/tables/lol-table/heroInfo.vue       |   0
 .../demos/tables/lol-table/index.vue          |   2 +-
 .../demos/tables/wzry-table/columns.tsx       |   4 +-
 .../demos/tables/wzry-table/index.vue         |   2 +-
 src/views/{shared => }/error/404.vue          |   0
 src/views/{shared => }/login/index.vue        |   4 +-
 src/views/shared/icons/icons.ts               | 357 ----------
 src/views/shared/icons/index.vue              |  60 --
 src/views/system/monitor/login-log/index.vue  |   2 +-
 src/views/system/monitor/online/index.vue     |   2 +-
 src/views/system/monitor/req-log/index.vue    |   2 +-
 src/views/system/monitor/serve/index.vue      |   6 +-
 src/views/system/permission/menu/columns.tsx  |   2 +-
 .../system/permission/menu/formSchemas.ts     |   4 +-
 src/views/system/permission/menu/index.vue    |   2 +-
 src/views/system/permission/role/columns.tsx  |   2 +-
 .../system/permission/role/formSchemas.ts     |   2 +-
 src/views/system/permission/role/index.vue    |   2 +-
 src/views/system/permission/user/columns.tsx  |   2 +-
 .../system/permission/user/formSchemas.ts     |   2 +-
 src/views/system/permission/user/index.vue    |   8 +-
 src/views/system/schedule/log/index.vue       |   2 +-
 src/views/system/schedule/task/columns.tsx    |   2 +-
 src/views/system/schedule/task/formSchemas.ts |   2 +-
 src/views/system/schedule/task/index.vue      |   2 +-
 tsconfig.json                                 |   5 +-
 types/utils.d.ts                              |   1 +
 types/vue-router.d.ts                         |   8 +-
 vue.config.js                                 |   9 +-
 yarn.lock                                     | 635 +++++++++++++++++-
 152 files changed, 1645 insertions(+), 1051 deletions(-)
 create mode 100644 .editorconfig
 create mode 100644 src/assets/icons/locale.svg
 delete mode 100644 src/components/SuspenseWithError.vue
 delete mode 100644 src/components/a-custom-modal/index.ts
 create mode 100644 src/components/basic/README.md
 rename src/components/basic/{BasicHelp.vue => basic-help/index.vue} (100%)
 rename src/components/{ => basic}/button/button.vue (94%)
 rename src/components/{ => basic}/button/index.ts (100%)
 rename src/components/{ => basic}/button/styles/index.less (100%)
 rename src/components/{ => basic}/button/styles/setButtonColor.less (89%)
 rename src/components/{ => basic}/button/styles/success.less (100%)
 rename src/components/{ => basic}/button/styles/warning.less (100%)
 rename src/components/{ => basic}/check-box/index.vue (100%)
 rename src/components/{ => basic}/context-menu/index.vue (100%)
 rename src/components/{ => basic}/context-menu/props.ts (100%)
 rename src/components/{ => basic}/context-menu/types.ts (100%)
 rename src/components/{ => basic}/iconfont/icon-font.tsx (100%)
 rename src/components/{ => basic}/iconfont/index.ts (100%)
 rename src/components/{ => basic}/icons-select/icons.json (100%)
 rename src/components/{ => basic}/icons-select/index.vue (96%)
 rename src/components/{ => basic}/image-preview/index.tsx (100%)
 create mode 100644 src/components/basic/locale-picker/index.ts
 create mode 100644 src/components/basic/locale-picker/index.vue
 rename src/components/{ => basic}/lockscreen/huawei-charge.vue (100%)
 rename src/components/{ => basic}/lockscreen/index.ts (100%)
 rename src/components/{ => basic}/lockscreen/index.vue (100%)
 rename src/components/{ => basic}/lockscreen/lockscreen.vue (100%)
 rename src/components/{ => basic}/lockscreen/xiaomi-charge.vue (100%)
 rename src/components/{ => basic}/progress/index.vue (100%)
 rename src/components/{ => basic}/split-panel/index.ts (100%)
 rename src/components/{ => basic}/split-panel/index.vue (100%)
 rename src/components/{ => basic}/svg-icon/index.ts (100%)
 create mode 100644 src/components/basic/svg-icon/svg-icon.vue
 create mode 100644 src/components/basic/title-i18n/index.ts
 create mode 100644 src/components/basic/title-i18n/index.vue
 create mode 100644 src/components/business/README.md
 create mode 100644 src/components/core/README.md
 create mode 100644 src/components/core/draggable-modal/index.ts
 rename src/components/{a-custom-modal => core/draggable-modal}/index.vue (100%)
 rename src/components/{ => core}/dynamic-table/components/index.ts (100%)
 rename src/components/{ => core}/dynamic-table/components/query-form/index.vue (96%)
 rename src/components/{ => core}/dynamic-table/components/table-action.vue (100%)
 rename src/components/{ => core}/dynamic-table/components/table-settings/column-setting.vue (98%)
 rename src/components/{ => core}/dynamic-table/components/table-settings/index.vue (100%)
 rename src/components/{ => core}/dynamic-table/components/table-settings/refresh-setting.vue (100%)
 rename src/components/{ => core}/dynamic-table/components/table-settings/size-setting.vue (100%)
 rename src/components/{ => core}/dynamic-table/components/tool-bar/index.vue (93%)
 rename src/components/{ => core}/dynamic-table/dynamic-table.vue (100%)
 rename src/components/{ => core}/dynamic-table/hooks/index.ts (100%)
 rename src/components/{ => core}/dynamic-table/hooks/useExpandLoading.ts (100%)
 rename src/components/{ => core}/dynamic-table/hooks/usePagination.ts (100%)
 rename src/components/{ => core}/dynamic-table/hooks/useTableContext.ts (100%)
 rename src/components/{ => core}/dynamic-table/index.ts (100%)
 rename src/components/{ => core}/dynamic-table/props.ts (100%)
 rename src/components/{ => core}/dynamic-table/types/tableAction.ts (100%)
 rename src/components/{ => core}/dynamic-table/typing.ts (94%)
 rename src/components/{JSON-schema-form => core/schema-form}/componentMap.ts (100%)
 rename src/components/{JSON-schema-form => core/schema-form}/helper.ts (97%)
 rename src/components/{JSON-schema-form => core/schema-form}/hooks/useLabelWidth.ts (100%)
 rename src/components/{JSON-schema-form => core/schema-form}/index.ts (100%)
 rename src/components/{JSON-schema-form => core/schema-form}/schema-form-item.vue (99%)
 rename src/components/{JSON-schema-form => core/schema-form}/schema-form.vue (100%)
 rename src/components/{JSON-schema-form => core/schema-form}/types/form.ts (100%)
 rename src/components/{JSON-schema-form => core/schema-form}/types/formItem.ts (100%)
 rename src/components/{JSON-schema-form => core/schema-form}/types/hooks.ts (100%)
 rename src/components/{JSON-schema-form => core/schema-form}/types/index.ts (100%)
 delete mode 100644 src/components/preview-modal.vue
 delete mode 100644 src/components/svg-icon/svg-icon.vue
 create mode 100644 src/hooks/useI18n.ts
 create mode 100644 src/layout/header/components/fullscreen/index.vue
 create mode 100644 src/locales/config.ts
 create mode 100644 src/locales/helper.ts
 create mode 100644 src/locales/index.ts
 create mode 100644 src/locales/lang/en-US/common.ts
 create mode 100644 src/locales/lang/en-US/layout.ts
 create mode 100644 src/locales/lang/en-US/routes/basic.ts
 create mode 100644 src/locales/lang/en-US/routes/dashboard.ts
 create mode 100644 src/locales/lang/en-US/routes/demo.ts
 create mode 100644 src/locales/lang/en_US.ts
 create mode 100644 src/locales/lang/zh-CN/common.ts
 create mode 100644 src/locales/lang/zh-CN/layout.ts
 create mode 100644 src/locales/lang/zh-CN/routes/basic.ts
 create mode 100644 src/locales/lang/zh-CN/routes/dashboard.ts
 create mode 100644 src/locales/lang/zh-CN/routes/demo.ts
 create mode 100644 src/locales/lang/zh_CN.ts
 create mode 100644 src/locales/useLocale.ts
 create mode 100644 src/store/modules/locale.ts
 rename src/views/{shared => }/dashboard/welcome/index.vue (100%)
 rename src/views/{shared => }/demos/button.vue (83%)
 rename src/views/{shared => }/demos/custom-modal.vue (82%)
 rename src/views/{shared => }/demos/form/basic-form/form-schema.ts (98%)
 rename src/views/{shared => }/demos/form/basic-form/index.vue (94%)
 rename src/views/{shared => }/demos/form/rule-form/form-schema.ts (98%)
 rename src/views/{shared => }/demos/form/rule-form/index.vue (94%)
 rename src/views/{shared => }/demos/icons/Iconfont.vue (79%)
 rename src/views/{shared => }/demos/tables/lol-table/columns.tsx (88%)
 rename src/views/{shared => }/demos/tables/lol-table/heroInfo.vue (100%)
 rename src/views/{shared => }/demos/tables/lol-table/index.vue (92%)
 rename src/views/{shared => }/demos/tables/wzry-table/columns.tsx (88%)
 rename src/views/{shared => }/demos/tables/wzry-table/index.vue (96%)
 rename src/views/{shared => }/error/404.vue (100%)
 rename src/views/{shared => }/login/index.vue (97%)
 delete mode 100644 src/views/shared/icons/icons.ts
 delete mode 100644 src/views/shared/icons/index.vue
 create mode 100644 types/utils.d.ts

diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 000000000..7e3649acc
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,16 @@
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab
diff --git a/package.json b/package.json
index cfebc7320..c4844896a 100644
--- a/package.json
+++ b/package.json
@@ -16,6 +16,8 @@
     "lint:prettier": "prettier --write  \"src/**/*.{js,json,tsx,css,less,scss,vue,html,md}\"",
     "lint:stylelint": "stylelint --cache --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
     "prepare": "husky install",
+    "version": "conventional-changelog -p angular -i CHANGELOG.md -s && git add CHANGELOG.md",
+    "postversion": "git push && git push origin --tags",
     "test prod cors": "npx http-server dist --cors --gzip -P http://29135jo738.zicp.vip",
     "test prod gzip": "npx http-server dist --cors --gzip -c-1"
   },
@@ -34,13 +36,16 @@
     "socket.io-client": "4.4.0",
     "sortablejs": "^1.14.0",
     "vue": "^3.2.26",
-    "vue-router": "^4.0.12"
+    "vue-i18n": "^9.2.0-beta.26",
+    "vue-router": "^4.0.12",
+    "xlsx": "^0.17.4"
   },
   "devDependencies": {
     "@commitlint/cli": "^16.0.1",
     "@commitlint/config-conventional": "^16.0.0",
+    "@intlify/vue-i18n-loader": "^4.1.0",
     "@types/lodash": "^4.14.178",
-    "@types/node": "^17.0.6",
+    "@types/node": "^17.0.7",
     "@types/webpack-env": "^1.16.3",
     "@typescript-eslint/eslint-plugin": "^5.8.1",
     "@typescript-eslint/parser": "^5.8.1",
@@ -56,6 +61,7 @@
     "babel-plugin-lodash": "^3.3.4",
     "commitizen": "^4.2.4",
     "compression-webpack-plugin": "^9.2.0",
+    "conventional-changelog-cli": "^2.2.2",
     "eslint": "^8.6.0",
     "eslint-config-prettier": "^8.3.0",
     "eslint-plugin-prettier": "^4.0.0",
@@ -63,7 +69,7 @@
     "husky": "^7.0.4",
     "less": "^4.1.2",
     "less-loader": "10.2.0",
-    "lint-staged": "^12.1.4",
+    "lint-staged": "^12.1.5",
     "lodash-webpack-plugin": "^0.11.6",
     "path-browserify": "^1.0.1",
     "postcss-html": "^1.3.0",
diff --git a/src/App.vue b/src/App.vue
index bf25504f0..bf5ae3f9e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,19 +1,29 @@
 <template>
-  <ConfigProvider :locale="zhCN">
+  <ConfigProvider :locale="getAntdLocale">
     <router-view v-slot="{ Component }">
-      <Suspense>
-        <component :is="Component" />
-      </Suspense>
+      <component :is="Component" />
     </router-view>
     <LockScreen />
   </ConfigProvider>
 </template>
 
 <script setup lang="ts">
-  import zhCN from 'ant-design-vue/es/locale/zh_CN';
+  import { watchEffect } from 'vue';
   import { ConfigProvider } from 'ant-design-vue';
-  // import SuspenseWithError from '@/components/SuspenseWithError.vue'
-  import { LockScreen } from '@/components/lockscreen';
+  import { LockScreen } from '@/components/basic/lockscreen';
+  import { useRoute } from 'vue-router';
+  import { useLocale } from '@/locales/useLocale';
+  import { transformI18n } from './hooks/useI18n';
+
+  const route = useRoute();
+  const { getAntdLocale } = useLocale();
+
+  watchEffect(() => {
+    if (route.meta?.title) {
+      // 翻译网页标题
+      document.title = transformI18n(route.meta.title);
+    }
+  });
 </script>
 
 <style lang="less"></style>
diff --git a/src/assets/icons/locale.svg b/src/assets/icons/locale.svg
new file mode 100644
index 000000000..c7b268350
--- /dev/null
+++ b/src/assets/icons/locale.svg
@@ -0,0 +1,14 @@
+<svg
+            viewBox="0 0 24 24"
+            focusable="false"
+            width="1em"
+            height="1em"
+            fill="currentColor"
+            aria-hidden="true"
+          >
+            <path d="M0 0h24v24H0z" fill="none" />
+            <path
+              d="M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z "
+              className="css-c4d79v"
+            />
+          </svg>
diff --git a/src/components/SuspenseWithError.vue b/src/components/SuspenseWithError.vue
deleted file mode 100644
index 6b69507d1..000000000
--- a/src/components/SuspenseWithError.vue
+++ /dev/null
@@ -1,23 +0,0 @@
-<template>
-  <slot v-if="error" name="error">
-    {{ error }}
-  </slot>
-  <Suspense v-else>
-    <template #default>
-      <slot name="default"></slot>
-    </template>
-    <template #fallback>
-      <slot name="fallback"></slot>
-    </template>
-  </Suspense>
-</template>
-
-<script lang="ts" setup>
-  import { ref, onErrorCaptured } from 'vue';
-  const error = ref<any>(null);
-  onErrorCaptured((e) => {
-    error.value = '(⊙o⊙)…出了点问题。';
-    console.error(e);
-    return true;
-  });
-</script>
diff --git a/src/components/a-custom-modal/index.ts b/src/components/a-custom-modal/index.ts
deleted file mode 100644
index 03ad8dfff..000000000
--- a/src/components/a-custom-modal/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export { default as CustomAModal } from './index.vue';
diff --git a/src/components/basic/README.md b/src/components/basic/README.md
new file mode 100644
index 000000000..cb18e0484
--- /dev/null
+++ b/src/components/basic/README.md
@@ -0,0 +1,6 @@
+### 基础组件（目录说明）
+
+| 组件名称 | 描述 | 是否全局组件 | 使用建议 |
+| --- | --- | --- | --- |
+| button | `按钮组件`基于 a-button 二次封装，主要扩展了按钮的颜色，基本使用方式与 antdv 的 a-button 保持一致 | 是 | -- |
+| check-box | `复选框`基于 a-checkbox 二次封装，基本使用方式与 antdv 的 a-checkbox 保持一致 | 否 | -- |
diff --git a/src/components/basic/BasicHelp.vue b/src/components/basic/basic-help/index.vue
similarity index 100%
rename from src/components/basic/BasicHelp.vue
rename to src/components/basic/basic-help/index.vue
diff --git a/src/components/button/button.vue b/src/components/basic/button/button.vue
similarity index 94%
rename from src/components/button/button.vue
rename to src/components/basic/button/button.vue
index 851d5716e..35f697077 100644
--- a/src/components/button/button.vue
+++ b/src/components/basic/button/button.vue
@@ -35,9 +35,9 @@
 </script>
 
 <style lang="less" scoped>
-  @import './styles/success';
+  @import 'styles/success';
 </style>
 
 <style lang="less" scoped>
-  @import './styles/warning';
+  @import 'styles/warning';
 </style>
diff --git a/src/components/button/index.ts b/src/components/basic/button/index.ts
similarity index 100%
rename from src/components/button/index.ts
rename to src/components/basic/button/index.ts
diff --git a/src/components/button/styles/index.less b/src/components/basic/button/styles/index.less
similarity index 100%
rename from src/components/button/styles/index.less
rename to src/components/basic/button/styles/index.less
diff --git a/src/components/button/styles/setButtonColor.less b/src/components/basic/button/styles/setButtonColor.less
similarity index 89%
rename from src/components/button/styles/setButtonColor.less
rename to src/components/basic/button/styles/setButtonColor.less
index b563f6f3a..3e11949fa 100644
--- a/src/components/button/styles/setButtonColor.less
+++ b/src/components/basic/button/styles/setButtonColor.less
@@ -1,5 +1,5 @@
-@import '~ant-design-vue/lib/style/themes/default';
-@import '~ant-design-vue/es/button/style/mixin';
+@import '../../../../../node_modules/ant-design-vue/lib/style/themes/default';
+@import '../../../../../node_modules/ant-design-vue/es/button/style/mixin';
 
 .button-variant(@color; @background) {
   .button-color(@color; @background; @background);
diff --git a/src/components/button/styles/success.less b/src/components/basic/button/styles/success.less
similarity index 100%
rename from src/components/button/styles/success.less
rename to src/components/basic/button/styles/success.less
diff --git a/src/components/button/styles/warning.less b/src/components/basic/button/styles/warning.less
similarity index 100%
rename from src/components/button/styles/warning.less
rename to src/components/basic/button/styles/warning.less
diff --git a/src/components/check-box/index.vue b/src/components/basic/check-box/index.vue
similarity index 100%
rename from src/components/check-box/index.vue
rename to src/components/basic/check-box/index.vue
diff --git a/src/components/context-menu/index.vue b/src/components/basic/context-menu/index.vue
similarity index 100%
rename from src/components/context-menu/index.vue
rename to src/components/basic/context-menu/index.vue
diff --git a/src/components/context-menu/props.ts b/src/components/basic/context-menu/props.ts
similarity index 100%
rename from src/components/context-menu/props.ts
rename to src/components/basic/context-menu/props.ts
diff --git a/src/components/context-menu/types.ts b/src/components/basic/context-menu/types.ts
similarity index 100%
rename from src/components/context-menu/types.ts
rename to src/components/basic/context-menu/types.ts
diff --git a/src/components/iconfont/icon-font.tsx b/src/components/basic/iconfont/icon-font.tsx
similarity index 100%
rename from src/components/iconfont/icon-font.tsx
rename to src/components/basic/iconfont/icon-font.tsx
diff --git a/src/components/iconfont/index.ts b/src/components/basic/iconfont/index.ts
similarity index 100%
rename from src/components/iconfont/index.ts
rename to src/components/basic/iconfont/index.ts
diff --git a/src/components/icons-select/icons.json b/src/components/basic/icons-select/icons.json
similarity index 100%
rename from src/components/icons-select/icons.json
rename to src/components/basic/icons-select/icons.json
diff --git a/src/components/icons-select/index.vue b/src/components/basic/icons-select/index.vue
similarity index 96%
rename from src/components/icons-select/index.vue
rename to src/components/basic/icons-select/index.vue
index e9d485e17..4c26969b8 100644
--- a/src/components/icons-select/index.vue
+++ b/src/components/basic/icons-select/index.vue
@@ -24,7 +24,7 @@
 <script lang="ts" setup>
   import { ref } from 'vue';
   import { Popover } from 'ant-design-vue';
-  import { IconFont } from '@/components/iconfont';
+  import { IconFont } from '@/components/basic/iconfont';
   import icons from './icons.json';
   import { useVModel } from '@vueuse/core';
 
diff --git a/src/components/image-preview/index.tsx b/src/components/basic/image-preview/index.tsx
similarity index 100%
rename from src/components/image-preview/index.tsx
rename to src/components/basic/image-preview/index.tsx
diff --git a/src/components/basic/locale-picker/index.ts b/src/components/basic/locale-picker/index.ts
new file mode 100644
index 000000000..f85b77fa7
--- /dev/null
+++ b/src/components/basic/locale-picker/index.ts
@@ -0,0 +1 @@
+export { default as LocalePicker } from './index.vue';
diff --git a/src/components/basic/locale-picker/index.vue b/src/components/basic/locale-picker/index.vue
new file mode 100644
index 000000000..2a22f0519
--- /dev/null
+++ b/src/components/basic/locale-picker/index.vue
@@ -0,0 +1,60 @@
+<template>
+  <Dropdown placement="bottomRight">
+    <SvgIcon name="locale" />
+    <span v-if="showText" class="ml-1">{{ getLocaleText }}</span>
+    <template #overlay>
+      <Menu v-model:selectedKeys="selectedKeys" @click="handleMenuClick">
+        <Menu.Item v-for="item in localeList" :key="item.lang">
+          <a href="javascript:;">{{ item.icon }} {{ item.label }}</a>
+        </Menu.Item>
+      </Menu>
+    </template>
+  </Dropdown>
+</template>
+<script lang="ts" setup>
+  import { ref, watchEffect, unref, computed } from 'vue';
+  import { Dropdown, Menu } from 'ant-design-vue';
+  import { useLocale } from '@/locales/useLocale';
+  import { type LocaleType, localeList } from '@/locales/config';
+  import { SvgIcon } from '@/components/basic/svg-icon';
+
+  const props = defineProps({
+    /**
+     * Whether to display text
+     */
+    showText: { type: Boolean, default: true },
+    /**
+     * Whether to refresh the interface when changing
+     */
+    reload: { type: Boolean },
+  });
+
+  const selectedKeys = ref<string[]>([]);
+
+  const { changeLocale, getLocale } = useLocale();
+
+  const getLocaleText = computed(() => {
+    const key = selectedKeys.value[0];
+    if (!key) {
+      return '';
+    }
+    return localeList.find((item) => item.lang === key)?.label;
+  });
+
+  watchEffect(() => {
+    selectedKeys.value = [unref(getLocale)];
+  });
+
+  async function toggleLocale(lang: LocaleType | string) {
+    await changeLocale(lang as LocaleType);
+    selectedKeys.value = [lang as string];
+    props.reload && location.reload();
+  }
+
+  function handleMenuClick({ key }) {
+    if (unref(getLocale) === key) {
+      return;
+    }
+    toggleLocale(key as string);
+  }
+</script>
diff --git a/src/components/lockscreen/huawei-charge.vue b/src/components/basic/lockscreen/huawei-charge.vue
similarity index 100%
rename from src/components/lockscreen/huawei-charge.vue
rename to src/components/basic/lockscreen/huawei-charge.vue
diff --git a/src/components/lockscreen/index.ts b/src/components/basic/lockscreen/index.ts
similarity index 100%
rename from src/components/lockscreen/index.ts
rename to src/components/basic/lockscreen/index.ts
diff --git a/src/components/lockscreen/index.vue b/src/components/basic/lockscreen/index.vue
similarity index 100%
rename from src/components/lockscreen/index.vue
rename to src/components/basic/lockscreen/index.vue
diff --git a/src/components/lockscreen/lockscreen.vue b/src/components/basic/lockscreen/lockscreen.vue
similarity index 100%
rename from src/components/lockscreen/lockscreen.vue
rename to src/components/basic/lockscreen/lockscreen.vue
diff --git a/src/components/lockscreen/xiaomi-charge.vue b/src/components/basic/lockscreen/xiaomi-charge.vue
similarity index 100%
rename from src/components/lockscreen/xiaomi-charge.vue
rename to src/components/basic/lockscreen/xiaomi-charge.vue
diff --git a/src/components/progress/index.vue b/src/components/basic/progress/index.vue
similarity index 100%
rename from src/components/progress/index.vue
rename to src/components/basic/progress/index.vue
diff --git a/src/components/split-panel/index.ts b/src/components/basic/split-panel/index.ts
similarity index 100%
rename from src/components/split-panel/index.ts
rename to src/components/basic/split-panel/index.ts
diff --git a/src/components/split-panel/index.vue b/src/components/basic/split-panel/index.vue
similarity index 100%
rename from src/components/split-panel/index.vue
rename to src/components/basic/split-panel/index.vue
diff --git a/src/components/svg-icon/index.ts b/src/components/basic/svg-icon/index.ts
similarity index 100%
rename from src/components/svg-icon/index.ts
rename to src/components/basic/svg-icon/index.ts
diff --git a/src/components/basic/svg-icon/svg-icon.vue b/src/components/basic/svg-icon/svg-icon.vue
new file mode 100644
index 000000000..4df60b8ad
--- /dev/null
+++ b/src/components/basic/svg-icon/svg-icon.vue
@@ -0,0 +1,51 @@
+<template>
+  <svg v-bind="$attrs" class="svg-icon" :style="getStyle" aria-hidden="true">
+    <use :xlink:href="symbolId" />
+  </svg>
+</template>
+
+<script lang="ts" setup>
+  import { computed, type CSSProperties } from 'vue';
+
+  const importAll = (requireContext: __WebpackModuleApi.RequireContext) =>
+    requireContext.keys().forEach(requireContext);
+  try {
+    importAll(require.context('@/assets/icons', true, /\.svg$/));
+  } catch (error) {
+    console.log(error);
+  }
+
+  const props = defineProps({
+    prefix: {
+      type: String,
+      default: 'icon',
+    },
+    name: {
+      type: String,
+      required: true,
+    },
+    size: {
+      type: [Number, String],
+      default: 16,
+    },
+  });
+
+  const symbolId = computed(() => `#${props.prefix}-${props.name}`);
+
+  const getStyle = computed((): CSSProperties => {
+    const { size } = props;
+    const s = `${size}`.replace('px', '').concat('px');
+    return {
+      width: s,
+      height: s,
+    };
+  });
+</script>
+
+<style lang="less">
+  .svg-icon {
+    overflow: hidden;
+    vertical-align: -0.15em;
+    fill: currentColor;
+  }
+</style>
diff --git a/src/components/basic/title-i18n/index.ts b/src/components/basic/title-i18n/index.ts
new file mode 100644
index 000000000..3382ba125
--- /dev/null
+++ b/src/components/basic/title-i18n/index.ts
@@ -0,0 +1 @@
+export { default as TitleI18n } from './index.vue';
diff --git a/src/components/basic/title-i18n/index.vue b/src/components/basic/title-i18n/index.vue
new file mode 100644
index 000000000..2cf6504c6
--- /dev/null
+++ b/src/components/basic/title-i18n/index.vue
@@ -0,0 +1,27 @@
+<template>
+  <i18n-t tag="span" :keypath="getTitle" scope="global" />
+</template>
+
+<script setup lang="ts">
+  import { Title18n } from 'types/vue-router';
+  import { type PropType, computed } from 'vue';
+  import { useLocaleStore } from '@/store/modules/locale';
+
+  const props = defineProps({
+    title: {
+      type: [String, Object] as PropType<string | Title18n>,
+      required: true,
+      default: '',
+    },
+  });
+
+  const localeStore = useLocaleStore();
+
+  const getTitle = computed(() => {
+    const { title = '' } = props;
+    if (typeof title === 'object') {
+      return title?.[localeStore.locale] ?? title;
+    }
+    return title;
+  });
+</script>
diff --git a/src/components/business/README.md b/src/components/business/README.md
new file mode 100644
index 000000000..403b3c2ee
--- /dev/null
+++ b/src/components/business/README.md
@@ -0,0 +1,3 @@
+### 业务组件（目录说明）
+
+#### 与业务强耦合的组件可以放这里
diff --git a/src/components/core/README.md b/src/components/core/README.md
new file mode 100644
index 000000000..e7ad511cd
--- /dev/null
+++ b/src/components/core/README.md
@@ -0,0 +1,7 @@
+### 核心组件（目录说明）
+
+| 组件名称 | 描述 | 是否全局组件 | 使用建议 |
+| --- | --- | --- | --- |
+| draggable-modal | `可拖拽弹窗`基于 a-modal 二次封装的可拖拽模态框，基本使用方式与 antdv 的 a-modal 保持一致 | 否 | 有弹窗拖拽需求的可以使用此组件 |
+| dynamic-table | `动态表格`基于 a-table 二次封装的表格，基本使用方式与 antdv 的 a-table 保持一致 | 否 | 根据自己需求调整，建议全局使用统一的表格封装组件 |
+| schema-form | `动态表单`基于 a-form 二次封装。通过 JSON schema 的方式配置使用 | 否 | 定制性不高的表单都可以考虑使用 |
diff --git a/src/components/core/draggable-modal/index.ts b/src/components/core/draggable-modal/index.ts
new file mode 100644
index 000000000..96898a972
--- /dev/null
+++ b/src/components/core/draggable-modal/index.ts
@@ -0,0 +1 @@
+export { default as DraggableModal } from './index.vue';
diff --git a/src/components/a-custom-modal/index.vue b/src/components/core/draggable-modal/index.vue
similarity index 100%
rename from src/components/a-custom-modal/index.vue
rename to src/components/core/draggable-modal/index.vue
diff --git a/src/components/dynamic-table/components/index.ts b/src/components/core/dynamic-table/components/index.ts
similarity index 100%
rename from src/components/dynamic-table/components/index.ts
rename to src/components/core/dynamic-table/components/index.ts
diff --git a/src/components/dynamic-table/components/query-form/index.vue b/src/components/core/dynamic-table/components/query-form/index.vue
similarity index 96%
rename from src/components/dynamic-table/components/query-form/index.vue
rename to src/components/core/dynamic-table/components/query-form/index.vue
index 0fd1c9520..8b7f78ce2 100644
--- a/src/components/dynamic-table/components/query-form/index.vue
+++ b/src/components/core/dynamic-table/components/query-form/index.vue
@@ -23,8 +23,8 @@
   import { defineComponent, reactive, toRefs, computed, ref } from 'vue';
   import { DownOutlined } from '@ant-design/icons-vue';
   import type { TableColumn } from '../../typing';
-  import SchemaForm from '@/components/JSON-schema-form/schema-form.vue';
-  import type { FormItemSchema, FormProps } from '@/components/JSON-schema-form/types/form';
+  import SchemaForm from '@/components/core/schema-form/schema-form.vue';
+  import type { FormItemSchema, FormProps } from '@/components/core/schema-form/types/form';
 
   export default defineComponent({
     name: 'QueryForm',
diff --git a/src/components/dynamic-table/components/table-action.vue b/src/components/core/dynamic-table/components/table-action.vue
similarity index 100%
rename from src/components/dynamic-table/components/table-action.vue
rename to src/components/core/dynamic-table/components/table-action.vue
diff --git a/src/components/dynamic-table/components/table-settings/column-setting.vue b/src/components/core/dynamic-table/components/table-settings/column-setting.vue
similarity index 98%
rename from src/components/dynamic-table/components/table-settings/column-setting.vue
rename to src/components/core/dynamic-table/components/table-settings/column-setting.vue
index 256c74ab8..e988ed383 100644
--- a/src/components/dynamic-table/components/table-settings/column-setting.vue
+++ b/src/components/core/dynamic-table/components/table-settings/column-setting.vue
@@ -74,7 +74,7 @@
   } from '@ant-design/icons-vue';
   import { useTableContext } from '../../hooks/useTableContext';
   import { cloneDeep } from 'lodash';
-  import Checkbox from '@/components/check-box/index.vue';
+  import Checkbox from '@/components/basic/check-box/index.vue';
   import type { TableColumn } from '../../typing';
   import { useSortable } from '@/hooks/useSortable';
   import { isNullAndUnDef } from '@/utils/is';
diff --git a/src/components/dynamic-table/components/table-settings/index.vue b/src/components/core/dynamic-table/components/table-settings/index.vue
similarity index 100%
rename from src/components/dynamic-table/components/table-settings/index.vue
rename to src/components/core/dynamic-table/components/table-settings/index.vue
diff --git a/src/components/dynamic-table/components/table-settings/refresh-setting.vue b/src/components/core/dynamic-table/components/table-settings/refresh-setting.vue
similarity index 100%
rename from src/components/dynamic-table/components/table-settings/refresh-setting.vue
rename to src/components/core/dynamic-table/components/table-settings/refresh-setting.vue
diff --git a/src/components/dynamic-table/components/table-settings/size-setting.vue b/src/components/core/dynamic-table/components/table-settings/size-setting.vue
similarity index 100%
rename from src/components/dynamic-table/components/table-settings/size-setting.vue
rename to src/components/core/dynamic-table/components/table-settings/size-setting.vue
diff --git a/src/components/dynamic-table/components/tool-bar/index.vue b/src/components/core/dynamic-table/components/tool-bar/index.vue
similarity index 93%
rename from src/components/dynamic-table/components/tool-bar/index.vue
rename to src/components/core/dynamic-table/components/tool-bar/index.vue
index a5665f7e3..da49a38ec 100644
--- a/src/components/dynamic-table/components/tool-bar/index.vue
+++ b/src/components/core/dynamic-table/components/tool-bar/index.vue
@@ -17,7 +17,7 @@
 
 <script lang="ts" setup>
   import { Divider } from 'ant-design-vue';
-  import BasicHelp from '@/components/basic/BasicHelp.vue';
+  import BasicHelp from '@/components/basic/basic-help/index.vue';
   import TableSetting from '../table-settings/index.vue';
 
   defineProps({
diff --git a/src/components/dynamic-table/dynamic-table.vue b/src/components/core/dynamic-table/dynamic-table.vue
similarity index 100%
rename from src/components/dynamic-table/dynamic-table.vue
rename to src/components/core/dynamic-table/dynamic-table.vue
diff --git a/src/components/dynamic-table/hooks/index.ts b/src/components/core/dynamic-table/hooks/index.ts
similarity index 100%
rename from src/components/dynamic-table/hooks/index.ts
rename to src/components/core/dynamic-table/hooks/index.ts
diff --git a/src/components/dynamic-table/hooks/useExpandLoading.ts b/src/components/core/dynamic-table/hooks/useExpandLoading.ts
similarity index 100%
rename from src/components/dynamic-table/hooks/useExpandLoading.ts
rename to src/components/core/dynamic-table/hooks/useExpandLoading.ts
diff --git a/src/components/dynamic-table/hooks/usePagination.ts b/src/components/core/dynamic-table/hooks/usePagination.ts
similarity index 100%
rename from src/components/dynamic-table/hooks/usePagination.ts
rename to src/components/core/dynamic-table/hooks/usePagination.ts
diff --git a/src/components/dynamic-table/hooks/useTableContext.ts b/src/components/core/dynamic-table/hooks/useTableContext.ts
similarity index 100%
rename from src/components/dynamic-table/hooks/useTableContext.ts
rename to src/components/core/dynamic-table/hooks/useTableContext.ts
diff --git a/src/components/dynamic-table/index.ts b/src/components/core/dynamic-table/index.ts
similarity index 100%
rename from src/components/dynamic-table/index.ts
rename to src/components/core/dynamic-table/index.ts
diff --git a/src/components/dynamic-table/props.ts b/src/components/core/dynamic-table/props.ts
similarity index 100%
rename from src/components/dynamic-table/props.ts
rename to src/components/core/dynamic-table/props.ts
diff --git a/src/components/dynamic-table/types/tableAction.ts b/src/components/core/dynamic-table/types/tableAction.ts
similarity index 100%
rename from src/components/dynamic-table/types/tableAction.ts
rename to src/components/core/dynamic-table/types/tableAction.ts
diff --git a/src/components/dynamic-table/typing.ts b/src/components/core/dynamic-table/typing.ts
similarity index 94%
rename from src/components/dynamic-table/typing.ts
rename to src/components/core/dynamic-table/typing.ts
index 4e950dc46..c1007676f 100644
--- a/src/components/dynamic-table/typing.ts
+++ b/src/components/core/dynamic-table/typing.ts
@@ -1,6 +1,6 @@
 import type { TableColumnType, TableProps } from 'ant-design-vue';
 import type { VNode } from 'vue';
-import type { FormItemSchema } from '../JSON-schema-form/types/form';
+import type { FormItemSchema } from '../schema-form/types/form';
 import type { ActionItem } from './types/tableAction';
 
 /**
diff --git a/src/components/JSON-schema-form/componentMap.ts b/src/components/core/schema-form/componentMap.ts
similarity index 100%
rename from src/components/JSON-schema-form/componentMap.ts
rename to src/components/core/schema-form/componentMap.ts
diff --git a/src/components/JSON-schema-form/helper.ts b/src/components/core/schema-form/helper.ts
similarity index 97%
rename from src/components/JSON-schema-form/helper.ts
rename to src/components/core/schema-form/helper.ts
index 7e2a5e097..8e3d396e7 100644
--- a/src/components/JSON-schema-form/helper.ts
+++ b/src/components/core/schema-form/helper.ts
@@ -1,5 +1,5 @@
 import type { ValidationRule } from 'ant-design-vue/lib/form/Form';
-import type { ComponentMapType } from './types/index';
+import type { ComponentMapType } from './types';
 import { isNumber } from '@/utils/is';
 import dayjs from 'dayjs';
 
diff --git a/src/components/JSON-schema-form/hooks/useLabelWidth.ts b/src/components/core/schema-form/hooks/useLabelWidth.ts
similarity index 100%
rename from src/components/JSON-schema-form/hooks/useLabelWidth.ts
rename to src/components/core/schema-form/hooks/useLabelWidth.ts
diff --git a/src/components/JSON-schema-form/index.ts b/src/components/core/schema-form/index.ts
similarity index 100%
rename from src/components/JSON-schema-form/index.ts
rename to src/components/core/schema-form/index.ts
diff --git a/src/components/JSON-schema-form/schema-form-item.vue b/src/components/core/schema-form/schema-form-item.vue
similarity index 99%
rename from src/components/JSON-schema-form/schema-form-item.vue
rename to src/components/core/schema-form/schema-form-item.vue
index e20ec80d8..52b3f4c1c 100644
--- a/src/components/JSON-schema-form/schema-form-item.vue
+++ b/src/components/core/schema-form/schema-form-item.vue
@@ -34,7 +34,7 @@
   import { useItemLabelWidth } from './hooks/useLabelWidth';
   import cloneDeep from 'lodash/cloneDeep';
   import { createPlaceholderMessage } from './helper';
-  import BasicHelp from '@/components/basic/BasicHelp.vue';
+  import BasicHelp from '@/components/basic/basic-help/index.vue';
   import { AllComponentProps } from './types';
 
   const props = defineProps({
diff --git a/src/components/JSON-schema-form/schema-form.vue b/src/components/core/schema-form/schema-form.vue
similarity index 100%
rename from src/components/JSON-schema-form/schema-form.vue
rename to src/components/core/schema-form/schema-form.vue
diff --git a/src/components/JSON-schema-form/types/form.ts b/src/components/core/schema-form/types/form.ts
similarity index 100%
rename from src/components/JSON-schema-form/types/form.ts
rename to src/components/core/schema-form/types/form.ts
diff --git a/src/components/JSON-schema-form/types/formItem.ts b/src/components/core/schema-form/types/formItem.ts
similarity index 100%
rename from src/components/JSON-schema-form/types/formItem.ts
rename to src/components/core/schema-form/types/formItem.ts
diff --git a/src/components/JSON-schema-form/types/hooks.ts b/src/components/core/schema-form/types/hooks.ts
similarity index 100%
rename from src/components/JSON-schema-form/types/hooks.ts
rename to src/components/core/schema-form/types/hooks.ts
diff --git a/src/components/JSON-schema-form/types/index.ts b/src/components/core/schema-form/types/index.ts
similarity index 100%
rename from src/components/JSON-schema-form/types/index.ts
rename to src/components/core/schema-form/types/index.ts
diff --git a/src/components/preview-modal.vue b/src/components/preview-modal.vue
deleted file mode 100644
index 39b6ba7c0..000000000
--- a/src/components/preview-modal.vue
+++ /dev/null
@@ -1,237 +0,0 @@
-<template>
-  <teleport to="body">
-    <div v-if="isVisible" class="preview-modal" @click.self="isVisible = false">
-      <close-circle-outlined class="close-icon" @click="isVisible = false" />
-      <div class="preview-content" :style="state.contentStyle">
-        <Spin :spinning="state.loading">
-          <img
-            v-if="type === 'image'"
-            ref="img"
-            :style="state.imgStyle"
-            :src="url"
-            alt=""
-            @load.stop="imgLoaded"
-          />
-          <video
-            v-if="type === 'video'"
-            ref="video"
-            :src="url"
-            controls
-            autoplay
-            @canplay="state.loading = false"
-            @loadstart="state.loading = true"
-          ></video>
-          <div ref="imgScaleMask" class="img-scale-mask">
-            {{ ~~(state.imgScale * 100) + '%' }}
-          </div>
-        </Spin>
-      </div>
-      <div v-if="type === 'image'" class="toolbar">
-        <zoom-in-outlined title="放大" @click="zoomInImg" />
-        <zoom-out-outlined title="缩放" @click="zoomOutImg" />
-        <one-to-one-outlined title="原始比例" @click="resetImg" />
-        <redo-outlined title="旋转" @click="rotateImg" />
-        <download-outlined title="下载" @click="saveImg(url)" />
-      </div>
-    </div>
-  </teleport>
-</template>
-<script lang="ts" setup>
-  import { reactive, ref, computed } from 'vue';
-  import { Spin } from 'ant-design-vue';
-  import {
-    ZoomInOutlined,
-    ZoomOutOutlined,
-    RedoOutlined,
-    DownloadOutlined,
-    OneToOneOutlined,
-    CloseCircleOutlined,
-  } from '@ant-design/icons-vue';
-  import { downloadByUrl } from '@/utils/downloadFile';
-
-  interface Props {
-    visible: boolean;
-    type: string;
-    url: string;
-  }
-
-  interface Emits {
-    (e: 'update:visible', val: boolean): void;
-  }
-
-  const props = withDefaults(defineProps<Props>(), {
-    visible: false,
-    type: 'image',
-    url: '',
-  });
-
-  const emit = defineEmits<Emits>();
-
-  // 图片蒙层
-  const imgScaleMask = ref<HTMLDivElement>();
-
-  let timer;
-
-  const state = reactive({
-    timer: null,
-    loading: false, // 视频加载动画
-    rotateDeg: 0,
-    imgScale: 1, // 图片缩放比
-    scaleCV: 0.07, // 缩放的系数
-    initWidth: 0, // 图片初始宽高
-    initHeight: 0, // 图片初始宽高
-    contentStyle: {
-      // 默认大小
-      width: '60vw',
-      height: '60vh',
-    } as any,
-    imgStyle: {
-      width: '',
-      height: '',
-      transform: 'rotate(0)',
-    } as any,
-  });
-
-  const isVisible = computed({
-    get: () => props.visible,
-    set: (val) => emit('update:visible', val),
-  });
-
-  // 旋转图片
-  const rotateImg = () => {
-    state.rotateDeg -= 90;
-    state.imgStyle.transform = `rotate(${state.rotateDeg}deg)`;
-  };
-  // 保存图片
-  const saveImg = (url) => {
-    downloadByUrl({ url });
-  };
-  // 处理图片缩放比
-  const handZoom = (type = 'scale') => {
-    console.log(state.imgScale);
-    state.imgStyle.width = state.initWidth * state.imgScale + 'px';
-    state.imgStyle.height = state.initHeight * state.imgScale + 'px';
-    if (type === 'init') {
-      state.imgStyle.maxWidth = '';
-      state.imgStyle.maxHeight = '';
-    } else {
-      state.imgStyle.maxWidth = 'none!important';
-      state.imgStyle.maxHeight = 'none!important';
-    }
-    clearTimeout(timer);
-    timer = setTimeout(() => imgScaleMask.value?.classList.remove('active'), 1400);
-    imgScaleMask.value?.classList.add('active');
-    state.contentStyle = {};
-  };
-  // 恢复原来的比例
-  const resetImg = () => {
-    state.imgScale = 1;
-    handZoom();
-  };
-  // 图片放大
-  const zoomInImg = () => {
-    state.imgScale += state.scaleCV;
-    handZoom();
-  };
-  // 图片缩放
-  const zoomOutImg = () => {
-    state.imgScale -= state.scaleCV;
-    handZoom();
-  };
-
-  // 图片加载完成后获取初始宽高
-  const imgLoaded = (e) => {
-    if (e.currentTarget?.complete) {
-      const { width, height } = getComputedStyle(e.currentTarget);
-      state.imgStyle.width = width;
-      state.imgStyle.height = height;
-      state.initWidth = parseFloat(width);
-      state.initHeight = parseFloat(height);
-      console.log(state.imgStyle, '图片加载完毕');
-    }
-  };
-</script>
-
-<style lang="less">
-  .preview-modal {
-    position: fixed;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 1000;
-    display: flex;
-    background-color: rgba(0, 0, 0, 0.4);
-    user-select: none;
-    align-items: center;
-    justify-content: center;
-
-    .close-icon {
-      position: absolute;
-      top: 10px;
-      right: 10px;
-      z-index: 2000;
-      font-size: 32px;
-      color: white;
-    }
-  }
-
-  .preview-content {
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.05);
-
-    img,
-    video {
-      max-width: 100%;
-      max-height: 100%;
-      outline: none;
-    }
-
-    .img-scale-mask {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      padding: 8px 22px;
-      color: white;
-      text-align: center;
-      background-color: rgba(0, 0, 0, 0.6);
-      border-radius: 12px;
-      opacity: 0;
-      transform: translate(-50%, -50%);
-      transition: opacity 0.08s;
-      user-select: none;
-
-      &.active {
-        opacity: 1;
-      }
-    }
-  }
-
-  .toolbar {
-    position: absolute;
-    bottom: 10%;
-    left: 50%;
-    display: flex;
-    padding: 4px 30px;
-    font-size: 26px;
-    background-color: white;
-    background-color: rgba(109, 109, 109, 0.6);
-    border-radius: 30px;
-    transform: translateX(-50%);
-    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.08);
-    align-items: center;
-
-    > .anticon {
-      padding: 3px 8px;
-      color: white;
-      cursor: pointer;
-
-      &:hover {
-        transform: scale(1.06);
-      }
-    }
-  }
-</style>
diff --git a/src/components/svg-icon/svg-icon.vue b/src/components/svg-icon/svg-icon.vue
deleted file mode 100644
index fa5741c12..000000000
--- a/src/components/svg-icon/svg-icon.vue
+++ /dev/null
@@ -1,51 +0,0 @@
-<template>
-  <svg :class="svgClass" aria-hidden="true">
-    <use :xlink:href="iconName" />
-  </svg>
-</template>
-<script lang="ts" setup>
-  import { computed } from 'vue';
-
-  const importAll = (requireContext: __WebpackModuleApi.RequireContext) =>
-    requireContext.keys().forEach(requireContext);
-  try {
-    importAll(require.context('@/assets/icons', true, /\.svg$/));
-  } catch (error) {
-    console.log(error);
-  }
-
-  interface Props {
-    iconClass: string;
-    className?: string;
-  }
-
-  const props = withDefaults(defineProps<Props>(), {
-    className: '',
-  });
-
-  const iconName = computed(() => `#icon-${props.iconClass}`);
-  const svgClass = computed(() => 'svg-icon');
-</script>
-
-<style lang="less" scoped>
-  .svg-icon {
-    position: relative;
-    width: 1em;
-    height: 1em;
-    overflow: hidden;
-    vertical-align: -0.15em;
-    fill: currentColor;
-
-    &::after {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      z-index: 1;
-      pointer-events: none;
-      cursor: pointer;
-      content: '';
-    }
-  }
-</style>
diff --git a/src/enums/cacheEnum.ts b/src/enums/cacheEnum.ts
index e91012748..adc7fc5ec 100644
--- a/src/enums/cacheEnum.ts
+++ b/src/enums/cacheEnum.ts
@@ -1,6 +1,9 @@
 // 用户token
 export const ACCESS_TOKEN_KEY = 'ACCESS_TOKEN';
 
+// 国际化
+export const LOCALE_KEY = 'LOCALE__';
+
 // 用户信息
 export const USER_INFO_KEY = 'USER__INFO__';
 
diff --git a/src/hooks/functions/useContextMenu.ts b/src/hooks/functions/useContextMenu.ts
index ad65535d9..ec0d11000 100644
--- a/src/hooks/functions/useContextMenu.ts
+++ b/src/hooks/functions/useContextMenu.ts
@@ -1,8 +1,8 @@
 import { createApp, h, App } from 'vue';
 
-import { Props } from '@/components/context-menu/types';
+import { Props } from '@/components/basic/context-menu/types';
 
-import ContentMenu from '@/components/context-menu/index.vue';
+import ContentMenu from '@/components/basic/context-menu/index.vue';
 
 let ContentMenuInstance: App<Element> | null = null;
 let wrapperEl: HTMLElement | null = null;
diff --git a/src/hooks/useI18n.ts b/src/hooks/useI18n.ts
new file mode 100644
index 000000000..f726121f0
--- /dev/null
+++ b/src/hooks/useI18n.ts
@@ -0,0 +1,27 @@
+import { i18n } from '@/locales';
+import { Title18n } from 'types/vue-router';
+
+/**
+ * 国际化转换工具函数，主要用于处理动态路由的title
+ * @param {string | Title18n} message message
+ * @param isI18n  默认为true，获取对应的翻译文本,否则返回本身
+ * @returns message
+ */
+export function transformI18n(message: string | Title18n = '', isI18n = true) {
+  if (!message) {
+    return '';
+  }
+
+  // 处理动态路由的title, 格式 {zh_CN:"",en_US:""}
+  if (typeof message === 'object') {
+    return message[i18n.global?.locale];
+  }
+
+  if (isI18n && typeof message === 'string') {
+    return i18n.global.t(message);
+  }
+  return message;
+}
+
+// 主要用于配合vscode i18nn ally插件的提示。此功能仅用于路由和菜单。请在其他地方使用 vue-i18n 的 useI18n
+export const t = (key: string) => key;
diff --git a/src/hooks/useModal/modal.tsx b/src/hooks/useModal/modal.tsx
index dd9cf9e97..fab265e15 100644
--- a/src/hooks/useModal/modal.tsx
+++ b/src/hooks/useModal/modal.tsx
@@ -1,16 +1,16 @@
-import CustomAModal from '@/components/a-custom-modal/index.vue';
+import { DraggableModal } from '@/components/core/draggable-modal';
 import { defineComponent, reactive, watchEffect, watch, ref } from 'vue';
 import type { HookModalProps } from './types';
 import { isFunction } from '@/utils/is';
-import zhCN from 'ant-design-vue/es/locale/zh_CN';
 import { ConfigProvider } from 'ant-design-vue';
 import { omit } from 'lodash';
+import { useLocale } from '@/locales/useLocale';
 
 export const MyModal = defineComponent({
-  components: { modal: CustomAModal },
+  components: { modal: DraggableModal },
   setup(props: HookModalProps) {
     const confirmLoading = ref<boolean>(false);
-
+    const { getAntdLocale } = useLocale();
     const state = reactive({
       visible: props.visible,
     });
@@ -43,7 +43,7 @@ export const MyModal = defineComponent({
 
     return () => {
       return (
-        <ConfigProvider locale={zhCN}>
+        <ConfigProvider locale={getAntdLocale.value}>
           <modal
             {...omit(props, ['onCancel', 'onOk'])}
             v-model={[state.visible, 'visible']}
diff --git a/src/hooks/useModal/useFormModal.tsx b/src/hooks/useModal/useFormModal.tsx
index 37f023bc2..a2b85b2f9 100644
--- a/src/hooks/useModal/useFormModal.tsx
+++ b/src/hooks/useModal/useFormModal.tsx
@@ -1,7 +1,7 @@
 import { useModal } from './index';
 import { nextTick, ref } from 'vue';
-import { SchemaForm } from '@/components/JSON-schema-form';
-import type { SchemaFormRef, FormSchema } from '@/components/JSON-schema-form';
+import { SchemaForm } from '@/components/core/schema-form';
+import type { SchemaFormRef, FormSchema } from '@/components/core/schema-form';
 import type { FormModalProps } from './types';
 
 interface ShowModalProps {
diff --git a/src/layout/header/components/fullscreen/index.vue b/src/layout/header/components/fullscreen/index.vue
new file mode 100644
index 000000000..fdb7e4baa
--- /dev/null
+++ b/src/layout/header/components/fullscreen/index.vue
@@ -0,0 +1,24 @@
+<template>
+  <Tooltip :title="getTitle" placement="bottom" :mouseEnterDelay="0.5">
+    <span @click="toggle">
+      <FullscreenOutlined v-if="!isFullscreen" />
+      <FullscreenExitOutlined v-else />
+    </span>
+  </Tooltip>
+</template>
+<script lang="ts" setup>
+  import { computed, unref } from 'vue';
+  import { Tooltip } from 'ant-design-vue';
+  import { useI18n } from 'vue-i18n';
+  import { useFullscreen } from '@vueuse/core';
+
+  import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue';
+  const { t } = useI18n();
+  const { toggle, isFullscreen } = useFullscreen();
+
+  const getTitle = computed(() => {
+    return unref(isFullscreen)
+      ? t('layout.header.tooltipExitFull')
+      : t('layout.header.tooltipEntryFull');
+  });
+</script>
diff --git a/src/layout/header/components/index.ts b/src/layout/header/components/index.ts
index e9cc94f79..2ad0d7e0f 100644
--- a/src/layout/header/components/index.ts
+++ b/src/layout/header/components/index.ts
@@ -1,3 +1,2 @@
-import SearchModal from './search/index.vue';
-
-export { SearchModal };
+export { default as Search } from './search/index.vue';
+export { default as FullScreen } from './fullscreen/index.vue';
diff --git a/src/layout/header/components/search/index.vue b/src/layout/header/components/search/index.vue
index abae075fe..3beb5dc20 100644
--- a/src/layout/header/components/search/index.vue
+++ b/src/layout/header/components/search/index.vue
@@ -1,55 +1,51 @@
 <template>
-  <CustomAModal title="搜索菜单" v-model:visible="show" :keyboard="false" @cancel="handleClose">
-    <a-input
-      ref="inputRef"
-      v-model:value="keyword"
-      clearable
-      placeholder="请输入关键词搜索"
-      @change="handleSearch"
+  <Tooltip :title="$t('common.searchText')" placement="bottom" :mouseEnterDelay="0.5">
+    <slot><SearchOutlined @click="visible = true" /></slot>
+    <DraggableModal
+      title="搜索菜单"
+      v-model:visible="visible"
+      :keyboard="false"
+      @cancel="handleClose"
     >
-      <template #prefix>
-        <SearchOutlined class="text-15px text-[#c2c2c2]" />
+      <a-input
+        ref="inputRef"
+        v-model:value="keyword"
+        clearable
+        placeholder="请输入关键词搜索"
+        @change="handleSearch"
+      >
+        <template #prefix>
+          <SearchOutlined class="text-15px text-[#c2c2c2]" />
+        </template>
+      </a-input>
+      <div class="mt-20px">
+        <Empty v-if="resultOptions.length === 0" description="暂无搜索结果" />
+        <search-result
+          v-else
+          v-model:value="activePath"
+          :options="resultOptions"
+          @enter="handleEnter"
+        />
+      </div>
+      <template #footer>
+        <search-footer />
       </template>
-    </a-input>
-    <div class="mt-20px">
-      <Empty v-if="resultOptions.length === 0" description="暂无搜索结果" />
-      <search-result
-        v-else
-        v-model:value="activePath"
-        :options="resultOptions"
-        @enter="handleEnter"
-      />
-    </div>
-    <template #footer>
-      <search-footer />
-    </template>
-  </CustomAModal>
+    </DraggableModal>
+  </Tooltip>
 </template>
 
 <script lang="ts" setup>
   import { ref, shallowRef, computed, watch, nextTick } from 'vue';
   import { useRouter } from 'vue-router';
   import type { RouteRecordRaw } from 'vue-router';
-  import { Empty } from 'ant-design-vue';
-  import { CustomAModal } from '@/components/a-custom-modal';
+  import { Empty, Tooltip } from 'ant-design-vue';
+  import { DraggableModal } from '@/components/core/draggable-modal';
   import { useDebounceFn, onKeyStroke } from '@vueuse/core';
   import { useUserStore } from '@/store/modules/user';
   import { SearchOutlined } from '@ant-design/icons-vue';
   import SearchResult from './components/SearchResult.vue';
   import SearchFooter from './components/SearchFooter.vue';
 
-  interface Props {
-    /** 弹窗显隐 */
-    value: boolean;
-  }
-
-  interface Emits {
-    (e: 'update:value', val: boolean): void;
-  }
-
-  const props = withDefaults(defineProps<Props>(), {});
-  const emit = defineEmits<Emits>();
-
   const userStore = useUserStore();
   const router = useRouter();
   const keyword = ref('');
@@ -59,16 +55,9 @@
   const inputRef = ref<HTMLInputElement | null>(null);
   const handleSearch = useDebounceFn(search, 300);
 
-  const show = computed({
-    get() {
-      return props.value;
-    },
-    set(val: boolean) {
-      emit('update:value', val);
-    },
-  });
+  const visible = ref(false);
 
-  watch(show, async (val) => {
+  watch(visible, async (val) => {
     if (val) {
       /** 自动聚焦 */
       await nextTick();
@@ -112,7 +101,7 @@
   }
 
   function handleClose() {
-    show.value = false;
+    visible.value = false;
     /** 延时处理防止用户看到某些操作 */
     setTimeout(() => {
       resultOptions.value = [];
diff --git a/src/layout/header/index.vue b/src/layout/header/index.vue
index dbe088e0e..18d09e856 100644
--- a/src/layout/header/index.vue
+++ b/src/layout/header/index.vue
@@ -1,13 +1,13 @@
 <template>
   <Layout.Header class="layout-header">
-    <div class="left-options">
+    <Space :size="20">
       <span class="menu-fold" @click="() => emit('update:collapsed', !collapsed)">
         <component :is="collapsed ? MenuUnfoldOutlined : MenuFoldOutlined" />
       </span>
       <Breadcrumb>
         <template v-for="(routeItem, rotueIndex) in menus" :key="routeItem.name">
           <Breadcrumb.Item>
-            <span>{{ getTitle(routeItem?.meta?.title) }}</span>
+            <TitleI18n :title="routeItem?.meta?.title" />
             <template v-if="routeItem?.children?.length" #overlay>
               <Menu :selectedKeys="[menus[rotueIndex + 1]?.name]">
                 <template v-for="childItem in routeItem?.children" :key="childItem.name">
@@ -16,7 +16,7 @@
                     :key="childItem.name"
                     @click="clickMenuItem(childItem)"
                   >
-                    <span>{{ getTitle(childItem.meta?.title) }}</span>
+                    <TitleI18n :title="childItem.meta?.title" />
                   </Menu.Item>
                 </template>
               </Menu>
@@ -24,18 +24,14 @@
           </Breadcrumb.Item>
         </template>
       </Breadcrumb>
-    </div>
-    <div class="right-options">
-      <template v-for="item in iconList" :key="item.icon.name">
-        <Tooltip placement="bottom">
-          <template #title>
-            <span>{{ item.tips }}</span>
-          </template>
-          <component :is="item.icon" v-on="item.eventObject || {}" />
-        </Tooltip>
-      </template>
-      <!--      切换全屏-->
-      <component :is="fullscreenIcon" @click="toggleFullScreen" />
+    </Space>
+    <Space :size="20">
+      <Search />
+      <Tooltip :title="$t('layout.header.tooltipLock')" placement="bottom">
+        <LockOutlined @click="lockscreenStore.setLock(true)" />
+      </Tooltip>
+      <FullScreen />
+      <LocalePicker />
       <Dropdown>
         <Avatar :src="userInfo.headImg" :alt="userInfo.name">{{ userInfo.name }}</Avatar>
         <template #overlay>
@@ -45,18 +41,20 @@
             </Menu.Item>
             <Menu.Divider />
             <Menu.Item>
-              <div @click.prevent="doLogout"><poweroff-outlined /> 退出登录</div>
+              <div @click.prevent="doLogout">
+                <poweroff-outlined /> {{ $t('layout.header.dropdownItemLoginOut') }}
+              </div>
             </Menu.Item>
           </Menu>
         </template>
       </Dropdown>
-    </div>
-    <SearchModal v-model:value="searchVisible" />
+      <SettingOutlined />
+    </Space>
   </Layout.Header>
 </template>
 
 <script lang="tsx" setup>
-  import { ref, computed } from 'vue';
+  import { computed } from 'vue';
   import { useRouter, useRoute, RouteRecordRaw } from 'vue-router';
   import {
     Layout,
@@ -64,26 +62,25 @@
     Modal,
     Dropdown,
     Menu,
-    Tooltip,
+    Space,
     Breadcrumb,
     Avatar,
+    Tooltip,
   } from 'ant-design-vue';
   import {
     QuestionCircleOutlined,
     SettingOutlined,
-    SearchOutlined,
     MenuFoldOutlined,
     MenuUnfoldOutlined,
-    FullscreenOutlined,
-    FullscreenExitOutlined,
     PoweroffOutlined,
-    GithubOutlined,
     LockOutlined,
   } from '@ant-design/icons-vue';
-  import { SearchModal } from './components';
+  import { Search, FullScreen } from './components';
+  import { LocalePicker } from '@/components/basic/locale-picker';
   import { useUserStore } from '@/store/modules/user';
   import { useLockscreenStore } from '@/store/modules/lockscreen';
   import { LOGIN_NAME } from '@/router/constant';
+  import { TitleI18n } from '@/components/basic/title-i18n';
 
   defineProps({
     collapsed: {
@@ -91,15 +88,13 @@
     },
   });
   const emit = defineEmits(['update:collapsed']);
-
   const userStore = useUserStore();
   const lockscreenStore = useLockscreenStore();
-  const fullscreenIcon = ref(FullscreenOutlined);
 
   const router = useRouter();
   const route = useRoute();
   const userInfo = computed(() => userStore.userInfo);
-  const searchVisible = ref(false);
+
   const menus = computed(() => {
     if (route.meta?.namePath) {
       let children = userStore.menus;
@@ -181,58 +176,6 @@
       },
     });
   };
-
-  // 切换全屏图标
-  const toggleFullscreenIcon = () => {
-    fullscreenIcon.value =
-      document.fullscreenElement !== null ? FullscreenExitOutlined : FullscreenOutlined;
-  };
-
-  // 监听全屏切换事件
-  document.addEventListener('fullscreenchange', toggleFullscreenIcon);
-
-  // 全屏切换
-  const toggleFullScreen = () => {
-    if (!document.fullscreenElement) {
-      document.documentElement.requestFullscreen();
-    } else {
-      if (document.exitFullscreen) {
-        document.exitFullscreen();
-      }
-    }
-  };
-
-  // 图标列表
-  const iconList = [
-    {
-      icon: SearchOutlined,
-      tips: '搜索',
-      eventObject: {
-        click: () => (searchVisible.value = true),
-      },
-    },
-    {
-      icon: GithubOutlined,
-      tips: 'github',
-      eventObject: {
-        click: () => window.open('https://github.com/buqiyuan/vue3-antd-admin'),
-      },
-    },
-    {
-      icon: SettingOutlined,
-      tips: '网站设置',
-    },
-    {
-      icon: LockOutlined,
-      tips: '锁屏',
-      eventObject: {
-        click: () => lockscreenStore.setLock(true),
-      },
-    },
-  ];
-  const getTitle = (title) => {
-    return typeof title === 'string' ? title : title?.['zh_CN'];
-  };
 </script>
 
 <style lang="less" scoped>
@@ -242,29 +185,12 @@
     z-index: 10;
     display: flex;
     height: @header-height;
-    padding: 0;
+    padding: 0 20px;
     background-color: #fff;
     justify-content: space-between;
     align-items: center;
-
-    .left-options {
-      display: flex;
-      align-items: center;
-
-      .menu-fold {
-        padding: 0 24px;
-        cursor: pointer;
-      }
-    }
-
-    .right-options {
-      display: flex;
-      align-items: center;
-
-      > * {
-        margin-right: 20px;
-        cursor: pointer;
-      }
+    * {
+      cursor: pointer;
     }
   }
 </style>
diff --git a/src/layout/index.vue b/src/layout/index.vue
index b0a7606d3..e10c4370c 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -54,7 +54,7 @@
     setup() {
       const collapsed = ref<boolean>(false);
       // 自定义侧边栏菜单收缩和展开时的宽度
-      const asiderWidth = computed(() => (collapsed.value ? 80 : 208));
+      const asiderWidth = computed(() => (collapsed.value ? 80 : 220));
 
       return {
         collapsed,
diff --git a/src/layout/menu/menu-item.vue b/src/layout/menu/menu-item.vue
index 769ccfef8..c1e45c0f4 100644
--- a/src/layout/menu/menu-item.vue
+++ b/src/layout/menu/menu-item.vue
@@ -9,7 +9,7 @@
       <template #title>
         <span>
           <icon-font :type="props.menuInfo.meta?.icon" />
-          <span>{{ getTitle(props.menuInfo.meta?.title) }}</span>
+          <TitleI18n :title="props.menuInfo?.meta?.title" />
         </span>
       </template>
       <template v-for="item in props.menuInfo?.children" :key="item.name">
@@ -21,7 +21,7 @@
     <template v-else>
       <Menu.Item :key="props.menuInfo?.name">
         <icon-font :type="props.menuInfo?.meta?.icon" />
-        <span>{{ getTitle(props.menuInfo?.meta?.title) }}</span>
+        <TitleI18n :title="props.menuInfo?.meta?.title" />
       </Menu.Item>
     </template>
   </template>
@@ -37,16 +37,14 @@
   import { PropType } from 'vue';
   import { Menu } from 'ant-design-vue';
   import type { RouteRecordRaw } from 'vue-router';
-  import { IconFont } from '@/components/iconfont';
+  import { IconFont } from '@/components/basic/iconfont';
+  import { TitleI18n } from '@/components/basic/title-i18n';
 
   const props = defineProps({
     menuInfo: {
       type: Object as PropType<RouteRecordRaw>,
     },
   });
-  const getTitle = (title) => {
-    return typeof title === 'string' ? title : title?.['zh_CN'];
-  };
 </script>
 
 <style scoped></style>
diff --git a/src/layout/tabs/tabs-view.vue b/src/layout/tabs/tabs-view.vue
index 4b73571de..74504dfe1 100644
--- a/src/layout/tabs/tabs-view.vue
+++ b/src/layout/tabs/tabs-view.vue
@@ -12,7 +12,7 @@
         <template #tab>
           <Dropdown :trigger="['contextmenu']">
             <div style="display: inline-block">
-              {{ getTitle(pageItem.meta?.title) }}
+              <TitleI18n :title="pageItem.meta?.title" />
             </div>
             <template #overlay>
               <Menu style="user-select: none">
@@ -109,6 +109,7 @@
   } from '@ant-design/icons-vue';
   import { Dropdown, Tabs, message, Menu } from 'ant-design-vue';
   import { REDIRECT_NAME } from '@/router/constant';
+  import { TitleI18n } from '@/components/basic/title-i18n';
 
   type RouteItem = Omit<RouteLocation, 'matched' | 'redirectedFrom'>;
 
@@ -240,10 +241,6 @@
     tabsViewStore.closeAllTabs();
     router.replace('/');
   };
-
-  const getTitle = (title) => {
-    return typeof title === 'string' ? title : title?.['zh_CN'];
-  };
 </script>
 
 <style lang="less" scoped>
diff --git a/src/locales/config.ts b/src/locales/config.ts
new file mode 100644
index 000000000..fd21d3db5
--- /dev/null
+++ b/src/locales/config.ts
@@ -0,0 +1,21 @@
+export type LocaleType = keyof typeof localeMap;
+
+export const localeMap = {
+  zh_CN: 'zh_CN',
+  en_US: 'en_US',
+} as const;
+
+export const localeList = [
+  {
+    lang: localeMap.en_US,
+    label: 'English',
+    icon: '🇺🇸',
+    title: 'Language',
+  },
+  {
+    lang: localeMap.zh_CN,
+    label: '简体中文',
+    icon: '🇨🇳',
+    title: '语言',
+  },
+] as const;
diff --git a/src/locales/helper.ts b/src/locales/helper.ts
new file mode 100644
index 000000000..63d3df04f
--- /dev/null
+++ b/src/locales/helper.ts
@@ -0,0 +1,37 @@
+import type { LocaleType } from './config';
+
+import { set } from 'lodash-es';
+
+export const loadLocalePool: LocaleType[] = [];
+
+export function setHtmlPageLang(locale: LocaleType) {
+  document.querySelector('html')?.setAttribute('lang', locale);
+}
+
+export function setLoadLocalePool(cb: (loadLocalePool: LocaleType[]) => void) {
+  cb(loadLocalePool);
+}
+
+export function genMessage(langs: __WebpackModuleApi.RequireContext, prefix = 'lang') {
+  const obj: Recordable = {};
+
+  langs.keys().forEach((key) => {
+    const langFileModule = langs(key).default;
+    let fileName = key.replace(`./${prefix}/`, '').replace(/^\.\//, '');
+    const lastIndex = fileName.lastIndexOf('.');
+    fileName = fileName.substring(0, lastIndex);
+    const keyList = fileName.split('/');
+    const moduleName = keyList.shift();
+    const objKey = keyList.join('.');
+
+    if (moduleName) {
+      if (objKey) {
+        set(obj, moduleName, obj[moduleName] || {});
+        set(obj[moduleName], objKey, langFileModule);
+      } else {
+        set(obj, moduleName, langFileModule || {});
+      }
+    }
+  });
+  return obj;
+}
diff --git a/src/locales/index.ts b/src/locales/index.ts
new file mode 100644
index 000000000..b1ace275b
--- /dev/null
+++ b/src/locales/index.ts
@@ -0,0 +1,38 @@
+import type { App } from 'vue';
+import { localeMap } from './config';
+import { createI18n } from 'vue-i18n';
+import { setHtmlPageLang, setLoadLocalePool } from './helper';
+import { useLocaleStoreWithOut } from '@/store/modules/locale';
+
+async function createI18nOptions() {
+  const localeStore = useLocaleStoreWithOut();
+  const locale = localeStore.getLocale;
+  const defaultLocal = await import(`./lang/${locale}.ts`);
+  const message = defaultLocal.default?.message ?? {};
+
+  setHtmlPageLang(locale);
+  setLoadLocalePool((loadLocalePool) => {
+    loadLocalePool.push(locale);
+  });
+
+  return {
+    locale,
+    // legacy: false,
+    fallbackLocale: localeMap.zh_CN, // set fallback locale
+    messages: {
+      [locale]: message as { [key: string]: string },
+    },
+    globalInjection: true,
+    silentTranslationWarn: true, // true - warning off
+    missingWarn: false,
+    silentFallbackWarn: true,
+  };
+}
+
+const options = await createI18nOptions();
+export const i18n = createI18n(options);
+
+// setup i18n instance with global
+export async function setupI18n(app: App) {
+  app.use(i18n);
+}
diff --git a/src/locales/lang/en-US/common.ts b/src/locales/lang/en-US/common.ts
new file mode 100644
index 000000000..f7cdce0b5
--- /dev/null
+++ b/src/locales/lang/en-US/common.ts
@@ -0,0 +1,20 @@
+export default {
+  okText: 'OK',
+  closeText: 'Close',
+  cancelText: 'Cancel',
+  loadingText: 'Loading...',
+  saveText: 'Save',
+  delText: 'Delete',
+  resetText: 'Reset',
+  searchText: 'Search',
+  queryText: 'Search',
+
+  inputText: 'Please enter',
+  chooseText: 'Please choose',
+
+  redo: 'Refresh',
+  back: 'Back',
+
+  light: 'Light',
+  dark: 'Dark',
+};
diff --git a/src/locales/lang/en-US/layout.ts b/src/locales/lang/en-US/layout.ts
new file mode 100644
index 000000000..5a9408a08
--- /dev/null
+++ b/src/locales/lang/en-US/layout.ts
@@ -0,0 +1,115 @@
+export default {
+  footer: { onlinePreview: 'Preview', onlineDocument: 'Document' },
+  header: {
+    // user dropdown
+    dropdownItemDoc: 'Document',
+    dropdownItemLoginOut: 'Login Out',
+
+    tooltipErrorLog: 'Error log',
+    tooltipLock: 'Lock screen',
+    tooltipNotify: 'Notification',
+
+    tooltipEntryFull: 'Full Screen',
+    tooltipExitFull: 'Exit Full Screen',
+
+    // lock
+    lockScreenPassword: 'Lock screen password',
+    lockScreen: 'Lock screen',
+    lockScreenBtn: 'Locking',
+
+    home: 'Home',
+  },
+  multipleTab: {
+    reload: 'Refresh current',
+    close: 'Close current',
+    closeLeft: 'Close Left',
+    closeRight: 'Close Right',
+    closeOther: 'Close Other',
+    closeAll: 'Close All',
+  },
+  setting: {
+    // content mode
+    contentModeFull: 'Full',
+    contentModeFixed: 'Fixed width',
+    // topMenu align
+    topMenuAlignLeft: 'Left',
+    topMenuAlignRight: 'Center',
+    topMenuAlignCenter: 'Right',
+    // menu trigger
+    menuTriggerNone: 'Not Show',
+    menuTriggerBottom: 'Bottom',
+    menuTriggerTop: 'Top',
+    // menu type
+    menuTypeSidebar: 'Left menu mode',
+    menuTypeMixSidebar: 'Left menu mixed mode',
+    menuTypeMix: 'Top Menu Mix mode',
+    menuTypeTopMenu: 'Top menu mode',
+
+    on: 'On',
+    off: 'Off',
+    minute: 'Minute',
+
+    operatingTitle: 'Successful!',
+    operatingContent:
+      'The copy is successful, please go to src/settings/projectSetting.ts to modify the configuration!',
+    resetSuccess: 'Successfully reset!',
+
+    copyBtn: 'Copy',
+    clearBtn: 'Clear cache and to the login page',
+
+    drawerTitle: 'Configuration',
+
+    darkMode: 'Dark mode',
+    navMode: 'Navigation mode',
+    interfaceFunction: 'Interface function',
+    interfaceDisplay: 'Interface display',
+    animation: 'Animation',
+    splitMenu: 'Split menu',
+    closeMixSidebarOnChange: 'Switch page to close menu',
+
+    sysTheme: 'System theme',
+    headerTheme: 'Header theme',
+    sidebarTheme: 'Menu theme',
+
+    menuDrag: 'Drag Sidebar',
+    menuSearch: 'Menu search',
+    menuAccordion: 'Sidebar accordion',
+    menuCollapse: 'Collapse menu',
+    collapseMenuDisplayName: 'Collapse menu display name',
+    topMenuLayout: 'Top menu layout',
+    menuCollapseButton: 'Menu collapse button',
+    contentMode: 'Content area width',
+    expandedMenuWidth: 'Expanded menu width',
+
+    breadcrumb: 'Breadcrumbs',
+    breadcrumbIcon: 'Breadcrumbs Icon',
+    tabs: 'Tabs',
+    tabDetail: 'Tab Detail',
+    tabsQuickBtn: 'Tabs quick button',
+    tabsRedoBtn: 'Tabs redo button',
+    tabsFoldBtn: 'Tabs flod button',
+    sidebar: 'Sidebar',
+    header: 'Header',
+    footer: 'Footer',
+    fullContent: 'Full content',
+    grayMode: 'Gray mode',
+    colorWeak: 'Color Weak Mode',
+
+    progress: 'Progress',
+    switchLoading: 'Switch Loading',
+    switchAnimation: 'Switch animation',
+    animationType: 'Animation type',
+
+    autoScreenLock: 'Auto screen lock',
+    notAutoScreenLock: 'Not auto lock',
+
+    fixedHeader: 'Fixed header',
+    fixedSideBar: 'Fixed Sidebar',
+
+    mixSidebarTrigger: 'Mixed menu Trigger',
+    triggerHover: 'Hover',
+    triggerClick: 'Click',
+
+    mixSidebarFixed: 'Fixed expanded menu',
+  },
+};
diff --git a/src/locales/lang/en-US/routes/basic.ts b/src/locales/lang/en-US/routes/basic.ts
new file mode 100644
index 000000000..b6faa00ef
--- /dev/null
+++ b/src/locales/lang/en-US/routes/basic.ts
@@ -0,0 +1,4 @@
+export default {
+  login: 'Login',
+  errorLogList: 'Error Log',
+};
diff --git a/src/locales/lang/en-US/routes/dashboard.ts b/src/locales/lang/en-US/routes/dashboard.ts
new file mode 100644
index 000000000..6d047b570
--- /dev/null
+++ b/src/locales/lang/en-US/routes/dashboard.ts
@@ -0,0 +1,6 @@
+export default {
+  dashboard: 'Dashboard',
+  about: 'About',
+  workbench: 'Workbench',
+  analysis: 'Analysis',
+};
diff --git a/src/locales/lang/en-US/routes/demo.ts b/src/locales/lang/en-US/routes/demo.ts
new file mode 100644
index 000000000..ee32b1dff
--- /dev/null
+++ b/src/locales/lang/en-US/routes/demo.ts
@@ -0,0 +1,16 @@
+export default {
+  demo: 'Demo',
+  button: 'Button Extension',
+  modal: 'Draggable Modal',
+  form: {
+    demo: 'Form Demo',
+    basic: 'Basic Form',
+    rule: 'Rule Form',
+  },
+  table: {
+    demo: 'Table Demo',
+    wzry: 'Honor of Kings',
+    lol: 'League of Legends',
+  },
+  icon: 'Custom Icon',
+};
diff --git a/src/locales/lang/en_US.ts b/src/locales/lang/en_US.ts
new file mode 100644
index 000000000..b3576b4c0
--- /dev/null
+++ b/src/locales/lang/en_US.ts
@@ -0,0 +1,13 @@
+import { genMessage } from '../helper';
+import antdLocale from 'ant-design-vue/es/locale/en_US';
+
+const modulesFiles = require.context('./en-US', true, /\.ts$/);
+
+export default {
+  message: {
+    ...genMessage(modulesFiles, 'en-US'),
+    antdLocale,
+  },
+  dateLocale: null,
+  dateLocaleName: 'en-US',
+};
diff --git a/src/locales/lang/zh-CN/common.ts b/src/locales/lang/zh-CN/common.ts
new file mode 100644
index 000000000..478c62536
--- /dev/null
+++ b/src/locales/lang/zh-CN/common.ts
@@ -0,0 +1,20 @@
+export default {
+  okText: '确认',
+  closeText: '关闭',
+  cancelText: '取消',
+  loadingText: '加载中...',
+  saveText: '保存',
+  delText: '删除',
+  resetText: '重置',
+  searchText: '搜索',
+  queryText: '查询',
+
+  inputText: '请输入',
+  chooseText: '请选择',
+
+  redo: '刷新',
+  back: '返回',
+
+  light: '亮色主题',
+  dark: '黑暗主题',
+};
diff --git a/src/locales/lang/zh-CN/layout.ts b/src/locales/lang/zh-CN/layout.ts
new file mode 100644
index 000000000..ed1f85372
--- /dev/null
+++ b/src/locales/lang/zh-CN/layout.ts
@@ -0,0 +1,115 @@
+export default {
+  footer: { onlinePreview: '在线预览', onlineDocument: '在线文档' },
+  header: {
+    // user dropdown
+    dropdownItemDoc: '文档',
+    dropdownItemLoginOut: '退出系统',
+
+    // tooltip
+    tooltipErrorLog: '错误日志',
+    tooltipLock: '锁定屏幕',
+    tooltipNotify: '消息通知',
+
+    tooltipEntryFull: '全屏',
+    tooltipExitFull: '退出全屏',
+
+    // lock
+    lockScreenPassword: '锁屏密码',
+    lockScreen: '锁定屏幕',
+    lockScreenBtn: '锁定',
+
+    home: '首页',
+  },
+  multipleTab: {
+    reload: '重新加载',
+    close: '关闭标签页',
+    closeLeft: '关闭左侧标签页',
+    closeRight: '关闭右侧标签页',
+    closeOther: '关闭其它标签页',
+    closeAll: '关闭全部标签页',
+  },
+  setting: {
+    // content mode
+    contentModeFull: '流式',
+    contentModeFixed: '定宽',
+    // topMenu align
+    topMenuAlignLeft: '居左',
+    topMenuAlignRight: '居中',
+    topMenuAlignCenter: '居右',
+    // menu trigger
+    menuTriggerNone: '不显示',
+    menuTriggerBottom: '底部',
+    menuTriggerTop: '顶部',
+    // menu type
+    menuTypeSidebar: '左侧菜单模式',
+    menuTypeMixSidebar: '左侧菜单混合模式',
+    menuTypeMix: '顶部菜单混合模式',
+    menuTypeTopMenu: '顶部菜单模式',
+
+    on: '开',
+    off: '关',
+    minute: '分钟',
+
+    operatingTitle: '操作成功',
+    operatingContent: '复制成功,请到 src/settings/projectSetting.ts 中修改配置！',
+    resetSuccess: '重置成功！',
+
+    copyBtn: '拷贝',
+    clearBtn: '清空缓存并返回登录页',
+
+    drawerTitle: '项目配置',
+
+    darkMode: '主题',
+    navMode: '导航栏模式',
+    interfaceFunction: '界面功能',
+    interfaceDisplay: '界面显示',
+    animation: '动画',
+    splitMenu: '分割菜单',
+    closeMixSidebarOnChange: '切换页面关闭菜单',
+
+    sysTheme: '系统主题',
+    headerTheme: '顶栏主题',
+    sidebarTheme: '菜单主题',
+
+    menuDrag: '侧边菜单拖拽',
+    menuSearch: '菜单搜索',
+    menuAccordion: '侧边菜单手风琴模式',
+    menuCollapse: '折叠菜单',
+    collapseMenuDisplayName: '折叠菜单显示名称',
+    topMenuLayout: '顶部菜单布局',
+    menuCollapseButton: '菜单折叠按钮',
+    contentMode: '内容区域宽度',
+    expandedMenuWidth: '菜单展开宽度',
+
+    breadcrumb: '面包屑',
+    breadcrumbIcon: '面包屑图标',
+    tabs: '标签页',
+    tabDetail: '标签详情页',
+    tabsQuickBtn: '标签页快捷按钮',
+    tabsRedoBtn: '标签页刷新按钮',
+    tabsFoldBtn: '标签页折叠按钮',
+    sidebar: '左侧菜单',
+    header: '顶栏',
+    footer: '页脚',
+    fullContent: '全屏内容',
+    grayMode: '灰色模式',
+    colorWeak: '色弱模式',
+
+    progress: '顶部进度条',
+    switchLoading: '切换loading',
+    switchAnimation: '切换动画',
+    animationType: '动画类型',
+
+    autoScreenLock: '自动锁屏',
+    notAutoScreenLock: '不自动锁屏',
+
+    fixedHeader: '固定header',
+    fixedSideBar: '固定Sidebar',
+
+    mixSidebarTrigger: '混合菜单触发方式',
+    triggerHover: '悬停',
+    triggerClick: '点击',
+
+    mixSidebarFixed: '固定展开菜单',
+  },
+};
diff --git a/src/locales/lang/zh-CN/routes/basic.ts b/src/locales/lang/zh-CN/routes/basic.ts
new file mode 100644
index 000000000..3d03e8ef1
--- /dev/null
+++ b/src/locales/lang/zh-CN/routes/basic.ts
@@ -0,0 +1,4 @@
+export default {
+  login: '登录',
+  errorLogList: '错误日志列表',
+};
diff --git a/src/locales/lang/zh-CN/routes/dashboard.ts b/src/locales/lang/zh-CN/routes/dashboard.ts
new file mode 100644
index 000000000..955314daa
--- /dev/null
+++ b/src/locales/lang/zh-CN/routes/dashboard.ts
@@ -0,0 +1,6 @@
+export default {
+  dashboard: '仪表盘',
+  about: '关于',
+  workbench: '工作台',
+  analysis: '分析页',
+};
diff --git a/src/locales/lang/zh-CN/routes/demo.ts b/src/locales/lang/zh-CN/routes/demo.ts
new file mode 100644
index 000000000..dff404928
--- /dev/null
+++ b/src/locales/lang/zh-CN/routes/demo.ts
@@ -0,0 +1,16 @@
+export default {
+  demo: 'demo演示',
+  button: '按钮的扩展',
+  modal: '可拖拽弹窗',
+  form: {
+    demo: '表单演示',
+    basic: '基础表单',
+    rule: '表单校验',
+  },
+  table: {
+    demo: '表格演示',
+    wzry: '王者荣耀',
+    lol: '英雄联盟',
+  },
+  icon: '自定义图标',
+};
diff --git a/src/locales/lang/zh_CN.ts b/src/locales/lang/zh_CN.ts
new file mode 100644
index 000000000..1e3148342
--- /dev/null
+++ b/src/locales/lang/zh_CN.ts
@@ -0,0 +1,11 @@
+import { genMessage } from '../helper';
+import antdLocale from 'ant-design-vue/es/locale/zh_CN';
+
+const modulesFiles = require.context('./zh-CN', true, /\.ts$/);
+
+export default {
+  message: {
+    ...genMessage(modulesFiles, 'zh-CN'),
+    antdLocale,
+  },
+};
diff --git a/src/locales/useLocale.ts b/src/locales/useLocale.ts
new file mode 100644
index 000000000..ce5bdeebe
--- /dev/null
+++ b/src/locales/useLocale.ts
@@ -0,0 +1,68 @@
+/**
+ * Multi-language related operations
+ */
+import type { LocaleType } from './config';
+import type { Locale } from 'ant-design-vue/es/locale-provider';
+
+import { i18n } from './';
+import { useLocaleStoreWithOut } from '@/store/modules/locale';
+import { unref, computed } from 'vue';
+import { loadLocalePool, setHtmlPageLang } from './helper';
+
+interface LangModule {
+  message: Recordable;
+  dateLocale: Recordable;
+  dateLocaleName: string;
+}
+
+function setI18nLanguage(locale: LocaleType) {
+  const localeStore = useLocaleStoreWithOut();
+
+  if (i18n.mode === 'legacy') {
+    i18n.global.locale = locale;
+  } else {
+    (i18n.global.locale as any).value = locale;
+  }
+  localeStore.setLocale(locale);
+  setHtmlPageLang(locale);
+}
+
+export function useLocale() {
+  const localeStore = useLocaleStoreWithOut();
+  const getLocale = computed(() => localeStore.getLocale);
+
+  const getAntdLocale = computed<Locale>((): any => {
+    return i18n.global.getLocaleMessage<{ antdLocale: Locale }>(unref(getLocale)).antdLocale;
+  });
+
+  // Switching the language will change the locale of useI18n
+  // And submit to configuration modification
+  async function changeLocale(locale: LocaleType) {
+    const globalI18n = i18n.global;
+    const currentLocale = unref(globalI18n.locale);
+    if (currentLocale === locale) {
+      return locale;
+    }
+
+    if (loadLocalePool.includes(locale)) {
+      setI18nLanguage(locale);
+      return locale;
+    }
+    const langModule = ((await import(`./lang/${locale}.ts`)) as any).default as LangModule;
+    if (!langModule) return;
+
+    const { message } = langModule;
+
+    globalI18n.setLocaleMessage(locale, message);
+    loadLocalePool.push(locale);
+
+    setI18nLanguage(locale);
+    return locale;
+  }
+
+  return {
+    getLocale,
+    changeLocale,
+    getAntdLocale,
+  };
+}
diff --git a/src/main.ts b/src/main.ts
index ad64735f0..2e09ff9d9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -3,6 +3,7 @@ import { createApp } from 'vue';
 import App from './App.vue';
 import { setupRouter } from './router';
 import { setupStore } from '@/store';
+import { setupI18n } from '@/locales';
 import {
   setupAntd,
   setupAssets,
@@ -34,6 +35,9 @@ function setupPlugins() {
 async function setupApp() {
   // 挂载vuex状态管理
   setupStore(app);
+  // Multilingual configuration
+  // Asynchronous case: language files may be obtained from the server side
+  await setupI18n(app);
   // 挂载路由
   await setupRouter(app);
 
diff --git a/src/plugins/antd.ts b/src/plugins/antd.ts
index 4a3ac7ca1..0cc54f2af 100644
--- a/src/plugins/antd.ts
+++ b/src/plugins/antd.ts
@@ -1,6 +1,6 @@
 import type { App } from 'vue';
 
-import { AButton } from '@/components/button/index';
+import { AButton } from '@/components/basic/button/index';
 
 import {
   Modal,
diff --git a/src/plugins/customComponents.ts b/src/plugins/customComponents.ts
index 1ae876379..1bad98055 100644
--- a/src/plugins/customComponents.ts
+++ b/src/plugins/customComponents.ts
@@ -1,7 +1,7 @@
 import { App } from 'vue';
 
-import { SvgIcon } from '@/components/svg-icon';
-import { IconFont } from '@/components/iconfont';
+import { SvgIcon } from '@/components/basic/svg-icon';
+import { IconFont } from '@/components/basic/iconfont';
 
 /**
  * 全局注册自定义组件
diff --git a/src/router/generator-router.tsx b/src/router/generator-router.tsx
index ca782ec32..f13386771 100644
--- a/src/router/generator-router.tsx
+++ b/src/router/generator-router.tsx
@@ -4,9 +4,9 @@ import RouterView from '@/layout/routerView/index.vue';
 import { isUrl } from '@/utils/is';
 import { uniqueSlash } from '@/utils/urlUtils';
 import { constantRouterComponents } from '@/router/asyncModules';
-import NotFound from '@/views/shared/error/404.vue';
-import router, { routes } from '.';
 import common from '@/router/staticModules';
+import router, { routes } from '@/router';
+import NotFound from '@/views/error/404.vue';
 import { notFound, errorRoute } from './staticModules/error';
 import { REDIRECT_ROUTE } from './staticModules/besidesLayout';
 import { type PermissionType } from '@/core/permission/modules/types';
@@ -116,8 +116,8 @@ export const generatorDynamicRouter = (asyncMenus: API.Menu[]) => {
     layout.children = [...filterRoutes];
     // 重新添加拍平后的路由
     router.addRoute(layout);
+    console.log('所有路由', router.getRoutes());
 
-    console.log('所有路由', filterRoutes);
     return {
       menus: menus,
       routes: layout.children,
diff --git a/src/router/outsideLayout.ts b/src/router/outsideLayout.ts
index f9845a507..43b526297 100644
--- a/src/router/outsideLayout.ts
+++ b/src/router/outsideLayout.ts
@@ -7,7 +7,7 @@ import { LOGIN_NAME } from '@/router/constant';
 export const LoginRoute: RouteRecordRaw = {
   path: '/login',
   name: LOGIN_NAME,
-  component: () => import(/* webpackChunkName: "login" */ '@/views/shared/login/index.vue'),
+  component: () => import(/* webpackChunkName: "login" */ '@/views/login/index.vue'),
   meta: {
     title: '登录',
   },
diff --git a/src/router/router-guards.ts b/src/router/router-guards.ts
index fb6af6171..8638fc30e 100644
--- a/src/router/router-guards.ts
+++ b/src/router/router-guards.ts
@@ -60,7 +60,6 @@ export function createRouterGuards(router: Router, whiteNameList: WhiteNameList)
   router.afterEach((to, _, failure) => {
     const keepAliveStore = useKeepAliveStore();
 
-    document.title = (to?.meta?.title as string) || document.title;
     if (isNavigationFailure(failure)) {
       console.error('failed navigation', failure);
     }
diff --git a/src/router/staticModules/dashboard.ts b/src/router/staticModules/dashboard.ts
index 0e7920c17..20d847e07 100644
--- a/src/router/staticModules/dashboard.ts
+++ b/src/router/staticModules/dashboard.ts
@@ -1,5 +1,6 @@
 import { type RouteRecordRaw } from 'vue-router';
 import RouterView from '@/layout/routerView/index.vue';
+import { t } from '@/hooks/useI18n';
 
 const moduleName = 'dashboard';
 
@@ -10,7 +11,7 @@ const routes: Array<RouteRecordRaw> = [
     redirect: '/dashboard/welcome',
     component: RouterView,
     meta: {
-      title: '系统看板',
+      title: t('routes.dashboard.dashboard'),
       icon: 'icon-yibiaopan',
     },
     children: [
@@ -18,13 +19,11 @@ const routes: Array<RouteRecordRaw> = [
         path: 'welcome',
         name: `${moduleName}-welcome`,
         meta: {
-          title: '首页',
+          title: t('routes.dashboard.workbench'),
           icon: 'icon-shouye',
         },
         component: () =>
-          import(
-            /* webpackChunkName: "dashboard-welcome" */ '@/views/shared/dashboard/welcome/index.vue'
-          ),
+          import(/* webpackChunkName: "dashboard-welcome" */ '@/views/dashboard/welcome/index.vue'),
       },
     ],
   },
diff --git a/src/router/staticModules/demos.ts b/src/router/staticModules/demos.ts
index e6789003c..a54260fb3 100644
--- a/src/router/staticModules/demos.ts
+++ b/src/router/staticModules/demos.ts
@@ -1,5 +1,6 @@
 import { type RouteRecordRaw } from 'vue-router';
 import RouterView from '@/layout/routerView/index.vue';
+import { t } from '@/hooks/useI18n';
 
 const moduleName = 'demos';
 
@@ -10,39 +11,38 @@ const routes: Array<RouteRecordRaw> = [
     redirect: { name: `${moduleName}-custom-modal` },
     component: RouterView,
     meta: {
-      title: 'demo演示',
+      title: t('routes.demo.demo'),
       icon: 'icon-zhuomian',
     },
     children: [
       {
-        path: 'custom-a-custom-modal',
+        path: 'custom-modal',
         name: `${moduleName}-custom-modal`,
         meta: {
-          title: '自定义模态框',
+          title: t('routes.demo.modal'),
           icon: 'icon-zhuomian',
           keepAlive: true,
         },
         component: () =>
           import(
-            /* webpackChunkName: "demos-custom-a-custom-modal" */ '@/views/shared/demos/custom-modal.vue'
+            /* webpackChunkName: "demos-custom-a-custom-modal" */ '@/views/demos/custom-modal.vue'
           ),
       },
       {
         path: 'button',
         name: `${moduleName}-button`,
         meta: {
-          title: '按钮的扩展',
+          title: t('routes.demo.button'),
           icon: 'icon-zhuomian',
           keepAlive: true,
         },
-        component: () =>
-          import(/* webpackChunkName: "demos-button" */ '@/views/shared/demos/button.vue'),
+        component: () => import(/* webpackChunkName: "demos-button" */ '@/views/demos/button.vue'),
       },
       {
         path: 'form',
         name: `${moduleName}-form`,
         meta: {
-          title: '表单演示',
+          title: t('routes.demo.form.demo'),
           icon: 'icon-zhuomian',
           keepAlive: true,
         },
@@ -53,27 +53,25 @@ const routes: Array<RouteRecordRaw> = [
             path: 'basic',
             name: `${moduleName}-form-basic`,
             meta: {
-              title: '基本表单',
+              title: t('routes.demo.form.basic'),
               icon: 'icon-zhuomian',
               keepAlive: true,
             },
             component: () =>
               import(
-                /* webpackChunkName: "basic-form" */ '@/views/shared/demos/form/basic-form/index.vue'
+                /* webpackChunkName: "basic-form" */ '@/views/demos/form/basic-form/index.vue'
               ),
           },
           {
             path: 'rule',
             name: `${moduleName}-form-rule`,
             meta: {
-              title: '验证表单',
+              title: t('routes.demo.form.rule'),
               icon: 'icon-zhuomian',
               keepAlive: true,
             },
             component: () =>
-              import(
-                /* webpackChunkName: "rule-form" */ '@/views/shared/demos/form/rule-form/index.vue'
-              ),
+              import(/* webpackChunkName: "rule-form" */ '@/views/demos/form/rule-form/index.vue'),
           },
         ],
       },
@@ -81,7 +79,7 @@ const routes: Array<RouteRecordRaw> = [
         path: 'table',
         name: `${moduleName}-table`,
         meta: {
-          title: '表格演示',
+          title: t('routes.demo.table.demo'),
           icon: 'icon-zhuomian',
           keepAlive: true,
         },
@@ -92,26 +90,26 @@ const routes: Array<RouteRecordRaw> = [
             path: 'wzry',
             name: `${moduleName}-table-wzry`,
             meta: {
-              title: '王者荣耀',
+              title: t('routes.demo.table.wzry'),
               icon: 'icon-zhuomian',
               keepAlive: false,
             },
             component: () =>
               import(
-                /* webpackChunkName: "wzry-table" */ '@/views/shared/demos/tables/wzry-table/index.vue'
+                /* webpackChunkName: "wzry-table" */ '@/views/demos/tables/wzry-table/index.vue'
               ),
           },
           {
             path: 'lol',
             name: `${moduleName}-table-lol`,
             meta: {
-              title: '英雄联盟',
+              title: t('routes.demo.table.lol'),
               icon: 'icon-zhuomian',
               keepAlive: true,
             },
             component: () =>
               import(
-                /* webpackChunkName: "lol-table" */ '@/views/shared/demos/tables/lol-table/index.vue'
+                /* webpackChunkName: "lol-table" */ '@/views/demos/tables/lol-table/index.vue'
               ),
           },
           {
@@ -126,7 +124,7 @@ const routes: Array<RouteRecordRaw> = [
             },
             component: () =>
               import(
-                /* webpackChunkName: "lol-info-table" */ '@/views/shared/demos/tables/lol-table/heroInfo.vue'
+                /* webpackChunkName: "lol-info-table" */ '@/views/demos/tables/lol-table/heroInfo.vue'
               ),
           },
         ],
@@ -135,12 +133,12 @@ const routes: Array<RouteRecordRaw> = [
         path: 'icons',
         name: `${moduleName}-icons`,
         meta: {
-          title: '自定义图标',
+          title: t('routes.demo.icon'),
           icon: 'icon-zhuomian',
           keepAlive: true,
         },
         component: () =>
-          import(/* webpackChunkName: "demos-button" */ '@/views/shared/demos/icons/Iconfont.vue'),
+          import(/* webpackChunkName: "demos-button" */ '@/views/demos/icons/Iconfont.vue'),
       },
     ],
   },
diff --git a/src/router/staticModules/error.ts b/src/router/staticModules/error.ts
index eb3deae80..3579a2e80 100644
--- a/src/router/staticModules/error.ts
+++ b/src/router/staticModules/error.ts
@@ -8,7 +8,7 @@ export const notFound: RouteRecordRaw = {
   path: '/:pathMatch(.*)*',
   name: 'NotFound',
   redirect: '/error/404',
-  component: () => import(/* webpackChunkName: "404" */ '@/views/shared/error/404.vue'),
+  component: () => import(/* webpackChunkName: "404" */ '@/views/error/404.vue'),
 };
 
 export const errorRoute: RouteRecordRaw = {
@@ -31,7 +31,7 @@ export const errorRoute: RouteRecordRaw = {
         icon: 'UserOutlined',
         hideInMenu: true,
       },
-      component: () => import(/* webpackChunkName: "404" */ '@/views/shared/error/404.vue'),
+      component: () => import(/* webpackChunkName: "404" */ '@/views/error/404.vue'),
     },
   ],
 };
diff --git a/src/store/modules/keepAlive.ts b/src/store/modules/keepAlive.ts
index 263e37172..897df9c4d 100644
--- a/src/store/modules/keepAlive.ts
+++ b/src/store/modules/keepAlive.ts
@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-
+import { store } from '@/store';
 interface KeepAliveState {
   /** 需要缓存的路由组件名称列表 */
   list: string[];
@@ -36,3 +36,8 @@ export const useKeepAliveStore = defineStore({
     },
   },
 });
+
+// 在组件setup函数外使用
+export function useKeepAliveStoreWithOut() {
+  return useKeepAliveStore(store);
+}
diff --git a/src/store/modules/locale.ts b/src/store/modules/locale.ts
new file mode 100644
index 000000000..42ef9996a
--- /dev/null
+++ b/src/store/modules/locale.ts
@@ -0,0 +1,32 @@
+import type { LocaleType } from '@/locales/config';
+import { defineStore } from 'pinia';
+import { store } from '@/store';
+import { LOCALE_KEY } from '@/enums/cacheEnum';
+import { Storage } from '@/utils/Storage';
+
+interface LocaleState {
+  locale: LocaleType;
+}
+
+export const useLocaleStore = defineStore({
+  id: 'locale',
+  state: (): LocaleState => ({
+    locale: Storage.get(LOCALE_KEY, 'zh_CN'),
+  }),
+  getters: {
+    getLocale(): LocaleType {
+      return this.locale ?? 'zh_CN';
+    },
+  },
+  actions: {
+    setLocale(locale: LocaleType) {
+      this.locale = locale;
+      Storage.set(LOCALE_KEY, locale);
+    },
+  },
+});
+
+// Need to be used outside the setup
+export function useLocaleStoreWithOut() {
+  return useLocaleStore(store);
+}
diff --git a/src/store/modules/lockscreen.ts b/src/store/modules/lockscreen.ts
index 6241973af..ccd05c378 100644
--- a/src/store/modules/lockscreen.ts
+++ b/src/store/modules/lockscreen.ts
@@ -1,5 +1,6 @@
 import { IS_LOCKSCREEN } from '@/enums/cacheEnum';
 import { defineStore } from 'pinia';
+import { store } from '@/store';
 import { Storage } from '@/utils/Storage';
 
 // 长时间不操作默认锁屏时间
@@ -28,3 +29,7 @@ export const useLockscreenStore = defineStore({
     },
   },
 });
+// 在组件setup函数外使用
+export function useLockscreenStoreWithOut() {
+  return useLockscreenStore(store);
+}
diff --git a/src/store/modules/tabsView.ts b/src/store/modules/tabsView.ts
index e322b1a2a..c45bdab83 100644
--- a/src/store/modules/tabsView.ts
+++ b/src/store/modules/tabsView.ts
@@ -1,5 +1,6 @@
 import { type RouteLocationNormalized } from 'vue-router';
 import { defineStore } from 'pinia';
+import { store } from '@/store';
 import { TABS_ROUTES } from '@/enums/cacheEnum';
 import router from '@/router';
 import { useKeepAliveStore } from './keepAlive';
@@ -92,3 +93,8 @@ export const useTabsViewStore = defineStore({
     },
   },
 });
+
+// 在组件setup函数外使用
+export function useTabsViewStoreWithOut() {
+  return useTabsViewStore(store);
+}
diff --git a/src/store/modules/user.ts b/src/store/modules/user.ts
index 5d019e0a4..9a61f4893 100644
--- a/src/store/modules/user.ts
+++ b/src/store/modules/user.ts
@@ -1,5 +1,6 @@
 import { type RouteRecordRaw } from 'vue-router';
 import { defineStore } from 'pinia';
+import { store } from '@/store';
 import { login } from '@/api/login';
 import { ACCESS_TOKEN_KEY } from '@/enums/cacheEnum';
 import { Storage } from '@/utils/Storage';
@@ -96,3 +97,8 @@ export const useUserStore = defineStore({
     },
   },
 });
+
+// 在组件setup函数外使用
+export function useUserStoreWithOut() {
+  return useUserStore(store);
+}
diff --git a/src/store/modules/ws.ts b/src/store/modules/ws.ts
index 7a1444bef..e1596f572 100644
--- a/src/store/modules/ws.ts
+++ b/src/store/modules/ws.ts
@@ -1,4 +1,5 @@
 import { defineStore } from 'pinia';
+import { store } from '@/store';
 import { EVENT_KICK } from '@/core/socket/event-type';
 import { SocketIOWrapper, SocketStatus } from '@/core/socket/socket-io';
 import type { SocketIOWrapperType, SocketStatusType } from '@/core/socket/socket-io';
@@ -60,3 +61,8 @@ export const useWsStore = defineStore({
     },
   },
 });
+
+// 在组件setup函数外使用
+export function useWsStoreWithOut() {
+  return useWsStore(store);
+}
diff --git a/src/views/shared/dashboard/welcome/index.vue b/src/views/dashboard/welcome/index.vue
similarity index 100%
rename from src/views/shared/dashboard/welcome/index.vue
rename to src/views/dashboard/welcome/index.vue
diff --git a/src/views/shared/demos/button.vue b/src/views/demos/button.vue
similarity index 83%
rename from src/views/shared/demos/button.vue
rename to src/views/demos/button.vue
index 01de7132e..6bbbdd2dc 100644
--- a/src/views/shared/demos/button.vue
+++ b/src/views/demos/button.vue
@@ -18,7 +18,13 @@
   </div>
 </template>
 
+<script lang="ts">
+  export default {
+    name: 'DemoButton',
+  };
+</script>
+
 <script setup lang="ts">
   import { Alert, Space, Card } from 'ant-design-vue';
-  import { AButton } from '@/components/button';
+  import { AButton } from '@/components/basic/button';
 </script>
diff --git a/src/views/shared/demos/custom-modal.vue b/src/views/demos/custom-modal.vue
similarity index 82%
rename from src/views/shared/demos/custom-modal.vue
rename to src/views/demos/custom-modal.vue
index 3e7dd5c71..80b81cede 100644
--- a/src/views/shared/demos/custom-modal.vue
+++ b/src/views/demos/custom-modal.vue
@@ -13,14 +13,20 @@
         <a-button type="primary" @click="handleOpenModal">函数式调用弹窗</a-button>
       </Space>
     </a-card>
-    <CustomAModal v-model:visible="state.visible" @ok="onOk" />
+    <DraggableModal v-model:visible="state.visible" @ok="onOk" />
   </div>
 </template>
 
+<script lang="ts">
+  export default {
+    name: 'CustomModal',
+  };
+</script>
+
 <script setup lang="ts">
   import { reactive } from 'vue';
   import { Alert, Space } from 'ant-design-vue';
-  import { CustomAModal } from '@/components/a-custom-modal';
+  import { DraggableModal } from '@/components/core/draggable-modal';
   import { useModal } from '@/hooks/useModal/';
   /**
    * @description 扩展ant-design-vue模态框功能
diff --git a/src/views/shared/demos/form/basic-form/form-schema.ts b/src/views/demos/form/basic-form/form-schema.ts
similarity index 98%
rename from src/views/shared/demos/form/basic-form/form-schema.ts
rename to src/views/demos/form/basic-form/form-schema.ts
index b7ccd1782..e94a99ab5 100644
--- a/src/views/shared/demos/form/basic-form/form-schema.ts
+++ b/src/views/demos/form/basic-form/form-schema.ts
@@ -1,4 +1,4 @@
-import type { FormItemSchema } from '@/components/JSON-schema-form/types/form';
+import type { FormItemSchema } from '@/components/core/schema-form/types/form';
 
 export const schemas: FormItemSchema[] = [
   {
diff --git a/src/views/shared/demos/form/basic-form/index.vue b/src/views/demos/form/basic-form/index.vue
similarity index 94%
rename from src/views/shared/demos/form/basic-form/index.vue
rename to src/views/demos/form/basic-form/index.vue
index 8c86c412d..87e45df6b 100644
--- a/src/views/shared/demos/form/basic-form/index.vue
+++ b/src/views/demos/form/basic-form/index.vue
@@ -26,7 +26,7 @@
 <script lang="ts" setup>
   import { ref } from 'vue';
   import { Alert, message } from 'ant-design-vue';
-  import { SchemaForm } from '@/components/JSON-schema-form';
+  import { SchemaForm } from '@/components/core/schema-form';
   import { schemas } from './form-schema';
 
   /**
diff --git a/src/views/shared/demos/form/rule-form/form-schema.ts b/src/views/demos/form/rule-form/form-schema.ts
similarity index 98%
rename from src/views/shared/demos/form/rule-form/form-schema.ts
rename to src/views/demos/form/rule-form/form-schema.ts
index 9c312ae5b..8bd495c8f 100644
--- a/src/views/shared/demos/form/rule-form/form-schema.ts
+++ b/src/views/demos/form/rule-form/form-schema.ts
@@ -1,4 +1,4 @@
-import type { FormItemSchema } from '@/components/JSON-schema-form/types/form';
+import type { FormItemSchema } from '@/components/core/schema-form/types/form';
 
 export const schemas: FormItemSchema[] = [
   {
diff --git a/src/views/shared/demos/form/rule-form/index.vue b/src/views/demos/form/rule-form/index.vue
similarity index 94%
rename from src/views/shared/demos/form/rule-form/index.vue
rename to src/views/demos/form/rule-form/index.vue
index 9014e0883..2f02b5442 100644
--- a/src/views/shared/demos/form/rule-form/index.vue
+++ b/src/views/demos/form/rule-form/index.vue
@@ -26,7 +26,7 @@
 <script lang="ts" setup>
   import { ref } from 'vue';
   import { Alert, message } from 'ant-design-vue';
-  import { SchemaForm } from '@/components/JSON-schema-form';
+  import { SchemaForm } from '@/components/core/schema-form';
   import { schemas } from './form-schema';
 
   /**
diff --git a/src/views/shared/demos/icons/Iconfont.vue b/src/views/demos/icons/Iconfont.vue
similarity index 79%
rename from src/views/shared/demos/icons/Iconfont.vue
rename to src/views/demos/icons/Iconfont.vue
index fc77cda37..b483adb57 100644
--- a/src/views/shared/demos/icons/Iconfont.vue
+++ b/src/views/demos/icons/Iconfont.vue
@@ -8,17 +8,11 @@
       style="margin-bottom: 12px"
     />
     <a-card>
-      示意图：<img
-        class="image-demo"
+      示意图：<Image
+        :width="700"
         src="http://ww1.sinaimg.cn/large/005IOlAWgy1gl8bm4ot9dj314r0opabq.jpg"
         @click="showPreview"
       />
-      <preview-modal
-        v-if="state.visible"
-        v-model:visible="state.visible"
-        type="image"
-        :url="state.imageUrl"
-      />
       <Descriptions title="使用示例" :column="1">
         <Descriptions.Item label="阿里图标路径">
           <a-input
@@ -58,9 +52,8 @@
 
 <script lang="ts" setup>
   import { reactive } from 'vue';
-  import { Alert, Descriptions } from 'ant-design-vue';
-  import { IconFont } from '@/components/iconfont';
-  import PreviewModal from '@/components/preview-modal.vue';
+  import { Alert, Descriptions, Image } from 'ant-design-vue';
+  import { IconFont } from '@/components/basic/iconfont';
 
   /**
    * @description ant-design-vue配置阿里巴巴矢量图标库使用
@@ -77,11 +70,3 @@
     state.visible = true;
   };
 </script>
-
-<style lang="less" scoped>
-  .image-demo {
-    width: 600px;
-    height: 400px;
-    margin-bottom: 12px;
-  }
-</style>
diff --git a/src/views/shared/demos/tables/lol-table/columns.tsx b/src/views/demos/tables/lol-table/columns.tsx
similarity index 88%
rename from src/views/shared/demos/tables/lol-table/columns.tsx
rename to src/views/demos/tables/lol-table/columns.tsx
index bd923ec42..7ef588725 100644
--- a/src/views/shared/demos/tables/lol-table/columns.tsx
+++ b/src/views/demos/tables/lol-table/columns.tsx
@@ -1,7 +1,7 @@
-import type { TableColumn } from '@/components/dynamic-table';
+import type { TableColumn } from '@/components/core/dynamic-table';
 import { Tag } from 'ant-design-vue';
 import router from '@/router';
-import ImagePreview from '@/components/image-preview/index';
+import ImagePreview from '@/components/basic/image-preview/index';
 
 export const columns: TableColumn[] = [
   {
diff --git a/src/views/shared/demos/tables/lol-table/heroInfo.vue b/src/views/demos/tables/lol-table/heroInfo.vue
similarity index 100%
rename from src/views/shared/demos/tables/lol-table/heroInfo.vue
rename to src/views/demos/tables/lol-table/heroInfo.vue
diff --git a/src/views/shared/demos/tables/lol-table/index.vue b/src/views/demos/tables/lol-table/index.vue
similarity index 92%
rename from src/views/shared/demos/tables/lol-table/index.vue
rename to src/views/demos/tables/lol-table/index.vue
index 2e94a29a2..84ed6bfba 100644
--- a/src/views/shared/demos/tables/lol-table/index.vue
+++ b/src/views/demos/tables/lol-table/index.vue
@@ -23,7 +23,7 @@
 
 <script lang="ts" setup>
   import { Alert, Card } from 'ant-design-vue';
-  import { DynamicTable } from '@/components/dynamic-table';
+  import { DynamicTable } from '@/components/core/dynamic-table';
   import { getLolHeroList } from '@/api/demos/hero';
   import { columns } from './columns';
 
diff --git a/src/views/shared/demos/tables/wzry-table/columns.tsx b/src/views/demos/tables/wzry-table/columns.tsx
similarity index 88%
rename from src/views/shared/demos/tables/wzry-table/columns.tsx
rename to src/views/demos/tables/wzry-table/columns.tsx
index 8b3f06f7b..dcee3685e 100644
--- a/src/views/shared/demos/tables/wzry-table/columns.tsx
+++ b/src/views/demos/tables/wzry-table/columns.tsx
@@ -1,6 +1,6 @@
-import type { TableColumn } from '@/components/dynamic-table';
+import type { TableColumn } from '@/components/core/dynamic-table';
 import { Tag } from 'ant-design-vue';
-import ImagePreview from '@/components/image-preview/index';
+import ImagePreview from '@/components/basic/image-preview/index';
 
 export const columns: TableColumn[] = [
   {
diff --git a/src/views/shared/demos/tables/wzry-table/index.vue b/src/views/demos/tables/wzry-table/index.vue
similarity index 96%
rename from src/views/shared/demos/tables/wzry-table/index.vue
rename to src/views/demos/tables/wzry-table/index.vue
index 317421935..8a8a30ff4 100644
--- a/src/views/shared/demos/tables/wzry-table/index.vue
+++ b/src/views/demos/tables/wzry-table/index.vue
@@ -41,7 +41,7 @@
 
 <script lang="ts" setup>
   import { Alert, Card } from 'ant-design-vue';
-  import { DynamicTable } from '@/components/dynamic-table';
+  import { DynamicTable } from '@/components/core/dynamic-table';
   import { getWzryHeroList } from '@/api/demos/hero';
   import { columns } from './columns';
 
diff --git a/src/views/shared/error/404.vue b/src/views/error/404.vue
similarity index 100%
rename from src/views/shared/error/404.vue
rename to src/views/error/404.vue
diff --git a/src/views/shared/login/index.vue b/src/views/login/index.vue
similarity index 97%
rename from src/views/shared/login/index.vue
rename to src/views/login/index.vue
index 4cf42d2ed..cf53028a4 100644
--- a/src/views/shared/login/index.vue
+++ b/src/views/login/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="login-box">
     <div class="login-logo">
-      <svg-icon icon-class="logo" />
+      <svg-icon name="logo" :size="45" />
       <!--      <img src="~@/assets/images/logo.png" alt="">-->
       <h1 class="mb-0 ml-2 text-3xl font-bold">Antd Admin</h1>
     </div>
@@ -54,7 +54,7 @@
   import { UserOutlined, LockOutlined, SafetyOutlined } from '@ant-design/icons-vue';
   import { useUserStore } from '@/store/modules/user';
   import { getImageCaptcha } from '@/api/login';
-  import { SvgIcon } from '@/components/svg-icon';
+  import { SvgIcon } from '@/components/basic/svg-icon';
   import { useRoute, useRouter } from 'vue-router';
 
   const state = reactive({
diff --git a/src/views/shared/icons/icons.ts b/src/views/shared/icons/icons.ts
deleted file mode 100644
index 9f7b790a1..000000000
--- a/src/views/shared/icons/icons.ts
+++ /dev/null
@@ -1,357 +0,0 @@
-// 阿里图标库，浏览器控制台运行一下代码获取图标列表
-// const iconlist = document.querySelectorAll('.project-iconlist li')
-// const icons = [...iconlist].map(item => ({
-//     title: item.querySelector('.icon-name').textContent,
-//         code:  item.querySelector('.icon-code-show').textContent,
-//     }))
-// localStorage.setItem('icons', JSON.stringify(icons))
-
-export default [
-  { title: '柱状图', code: 'icon-zhuzhuangtu' },
-  {
-    title: '烛型图',
-    code: 'icon-zhuxingtu',
-  },
-  { title: 'BUG', code: 'icon-BUG' },
-  { title: '桌面', code: 'icon-zhuomian' },
-  {
-    title: '组件使用',
-    code: 'icon-zujianshiyong',
-  },
-  { title: '资源', code: 'icon-ziyuan' },
-  { title: '字段管理', code: 'icon-ziduanguanli' },
-  {
-    title: '云',
-    code: 'icon-yun',
-  },
-  { title: '分享', code: 'icon-fenxiang' },
-  { title: '计算', code: 'icon-jisuan' },
-  {
-    title: '客户管理',
-    code: 'icon-kehuguanli',
-  },
-  { title: '决策引擎', code: 'icon-jueceyinqing' },
-  { title: '流程', code: 'icon-liucheng1' },
-  {
-    title: '脚本',
-    code: 'icon-jiaoben',
-  },
-  { title: '工程', code: 'icon-gongcheng' },
-  { title: '刷子-2', code: 'icon-shuazi-2' },
-  {
-    title: '权限',
-    code: 'icon-quanxian',
-  },
-  { title: '刷子-1', code: 'icon-shuazi-1' },
-  { title: '文件', code: 'icon-wenjian' },
-  {
-    title: '文件-增',
-    code: 'icon-wenjian-zeng',
-  },
-  { title: '文件-展开', code: 'icon-wenjian-zhankai' },
-  { title: '推送', code: 'icon-tuisong' },
-  {
-    title: '纸箱',
-    code: 'icon-zhixiang',
-  },
-  { title: '运维', code: 'icon-yunwei' },
-  { title: '数据库', code: 'icon-shujuku1' },
-  {
-    title: '文件-展现',
-    code: 'icon-wenjian-zhanxian',
-  },
-  { title: '文档', code: 'icon-wendang' },
-  { title: '复制', code: 'icon-fuzhi' },
-  {
-    title: '用户',
-    code: 'icon-yonghu1',
-  },
-  { title: '放大', code: 'icon-fangda' },
-  { title: '减少', code: 'icon-jianshao' },
-  {
-    title: '编辑',
-    code: 'icon-bianji',
-  },
-  { title: '缩小', code: 'icon-suoxiao' },
-  { title: '删除', code: 'icon-shanchu' },
-  {
-    title: '矩形-错误',
-    code: 'icon-juxing-cuowu',
-  },
-  { title: '矩形-减', code: 'icon-juxing-jian' },
-  { title: '矩形-更多', code: 'icon-juxing-gengduo' },
-  {
-    title: '矩形-增',
-    code: 'icon-juxing-zeng',
-  },
-  { title: '矩形-右', code: 'icon-juxing-you' },
-  { title: '矩形-文本', code: 'icon-juxing-wenben' },
-  {
-    title: '矩形-通过',
-    code: 'icon-juxing-tongguo',
-  },
-  { title: '圆环-更多', code: 'icon-yuanhuan-gengduo' },
-  {
-    title: '圆环-确认',
-    code: 'icon-yuanhuan-queren',
-  },
-  { title: '圆环-关闭', code: 'icon-yuanhuan-guanbi' },
-  {
-    title: '圆环-减',
-    code: 'icon-yuanhuan-jian',
-  },
-  { title: '圆环-消息', code: 'icon-yuanhuan-xiaoxi' },
-  {
-    title: '圆环-增',
-    code: 'icon-yuanhuan-zeng',
-  },
-  { title: '圆环-暂停', code: 'icon-yuanhuan-zanting' },
-  {
-    title: '圆环-左',
-    code: 'icon-yuanhuan-zuo',
-  },
-  { title: '矩形-左', code: 'icon-juxing-zuo' },
-  { title: '圆环-时间', code: 'icon-yuanhuan-shijian' },
-  {
-    title: '圆环-疑问',
-    code: 'icon-yuanhuan-yiwen',
-  },
-  { title: '圆环-右', code: 'icon-yuanhuan-you' },
-  { title: '圆环-减', code: 'icon-yuanhuan-jian1' },
-  {
-    title: '矩形-右',
-    code: 'icon-juxing-you1',
-  },
-  { title: '矩形-通过', code: 'icon-juxing-tongguo1' },
-  {
-    title: '矩形-错误',
-    code: 'icon-juxing-cuowu1',
-  },
-  { title: '矩形-减', code: 'icon-juxing-jian1' },
-  { title: '矩形-增', code: 'icon-juxing-zeng1' },
-  {
-    title: '圆环-增',
-    code: 'icon-yuanhuan-zeng1',
-  },
-  { title: '圆环-左', code: 'icon-yuanhuan-zuo1' },
-  { title: '圆环-右', code: 'icon-yuanhuan-you1' },
-  {
-    title: '圆环-关闭',
-    code: 'icon-yuanhuan-guanbi1',
-  },
-  { title: '矩形-左', code: 'icon-juxing-zuo1' },
-  {
-    title: '圆环-确认',
-    code: 'icon-yuanhuan-queren1',
-  },
-  { title: '圆环-暂停', code: 'icon-yuanhuan-zanting1' },
-  { title: '后退', code: 'icon-houtui' },
-  {
-    title: '方向上',
-    code: 'icon-fangxiangshang',
-  },
-  { title: '方向右', code: 'icon-fangxiangyou' },
-  { title: '方向下', code: 'icon-fangxiangxia' },
-  {
-    title: '菜单左',
-    code: 'icon-caidanzuo',
-  },
-  { title: '快进', code: 'icon-kuaijin' },
-  { title: '上传', code: 'icon-shangchuan1' },
-  {
-    title: '下载',
-    code: 'icon-xiazai1',
-  },
-  { title: '替换', code: 'icon-tihuan' },
-  { title: '方向左', code: 'icon-fangxiangzuo' },
-  {
-    title: '收缩',
-    code: 'icon-shousuo',
-  },
-  { title: '菜单右', code: 'icon-caidanyou' },
-  { title: '展开', code: 'icon-zhankai' },
-  {
-    title: '警告',
-    code: 'icon-jinggao',
-  },
-  { title: '提醒-警告', code: 'icon-tixing-jinggao' },
-  { title: '错误', code: 'icon-cuowu' },
-  {
-    title: '对话-警告',
-    code: 'icon-duihua-jinggao',
-  },
-  { title: '同盾', code: 'icon-tongdun' },
-  { title: '调用', code: 'icon-tiaoyong' },
-  {
-    title: '日志',
-    code: 'icon-rizhi',
-  },
-  { title: '日志-2', code: 'icon-rizhi-2' },
-  { title: '饼图', code: 'icon-bingtu' },
-  {
-    title: '案件管理',
-    code: 'icon-anjianguanli',
-  },
-  { title: '布局', code: 'icon-buju' },
-  { title: '保存', code: 'icon-baocun' },
-  {
-    title: '定位',
-    code: 'icon-dingwei',
-  },
-  { title: '灯泡', code: 'icon-dengpao' },
-  { title: '短信保护', code: 'icon-duanxinbaohu' },
-  {
-    title: '导出',
-    code: 'icon-daochu',
-  },
-  { title: '安全', code: 'icon-anquan' },
-  { title: '分组', code: 'icon-fenzu' },
-  {
-    title: '购物',
-    code: 'icon-gouwu',
-  },
-  { title: '表格', code: 'icon-biaoge' },
-  { title: '导入', code: 'icon-daoru' },
-  {
-    title: '公告',
-    code: 'icon-gonggao',
-  },
-  { title: '对话-2', code: 'icon-duihua-2' },
-  { title: '关系图', code: 'icon-guanxitu' },
-  {
-    title: '对话',
-    code: 'icon-duihua',
-  },
-  { title: '服务器', code: 'icon-fuwuqi' },
-  { title: '复杂网络', code: 'icon-fuzawangluo' },
-  {
-    title: '标签',
-    code: 'icon-biaoqian',
-  },
-  { title: '工具', code: 'icon-gongju' },
-  { title: '建模-减', code: 'icon-jianmo-jian' },
-  {
-    title: '监控',
-    code: 'icon-jiankong',
-  },
-  { title: '解锁', code: 'icon-jiesuo' },
-  { title: '建模', code: 'icon-jianmo' },
-  {
-    title: '缓存',
-    code: 'icon-huancun',
-  },
-  { title: '尽调精灵', code: 'icon-jintiaojingling' },
-  { title: '建模-增', code: 'icon-jianmo-zeng' },
-  {
-    title: '卡片',
-    code: 'icon-kapian',
-  },
-  { title: '警报-2', code: 'icon-jingbao-2' },
-  { title: '流程', code: 'icon-liucheng' },
-  {
-    title: '计费管理',
-    code: 'icon-jifeiguanli',
-  },
-  { title: '链接', code: 'icon-lianjie' },
-  { title: '接入管理', code: 'icon-jieruguanli' },
-  {
-    title: '警报',
-    code: 'icon-jingbao',
-  },
-  { title: '录音', code: 'icon-luyin' },
-  { title: '雷达图', code: 'icon-leidatu' },
-  {
-    title: '密码',
-    code: 'icon-mima',
-  },
-  { title: '流量', code: 'icon-liuliang' },
-  { title: '倒计时', code: 'icon-daojishi' },
-  {
-    title: '回收',
-    code: 'icon-huishou',
-  },
-  { title: '任务', code: 'icon-renwu' },
-  { title: '日历', code: 'icon-rili' },
-  {
-    title: '散点图',
-    code: 'icon-sandiantu',
-  },
-  { title: '内容安全', code: 'icon-neironganquan' },
-  { title: '漏斗图', code: 'icon-loudoutu' },
-  {
-    title: '情报监控',
-    code: 'icon-qingbaojiankong',
-  },
-  { title: '模型管理', code: 'icon-moxingguanli' },
-  { title: '企智查', code: 'icon-qizhicha' },
-  {
-    title: '上传',
-    code: 'icon-shangchuan',
-  },
-  { title: '书签', code: 'icon-shuqian' },
-  { title: '数据', code: 'icon-shuju' },
-  {
-    title: '收藏',
-    code: 'icon-shoucang',
-  },
-  { title: '设置', code: 'icon-shezhi' },
-  { title: '视觉关闭', code: 'icon-shijueguanbi' },
-  {
-    title: '视觉显示',
-    code: 'icon-shijuexianshi',
-  },
-  { title: '首页', code: 'icon-shouye' },
-  { title: '提醒', code: 'icon-tixing' },
-  {
-    title: '刷新-2',
-    code: 'icon-shuaxin-2',
-  },
-  { title: '搜索', code: 'icon-sousuo' },
-  { title: '通道', code: 'icon-tongdao' },
-  {
-    title: '条形图',
-    code: 'icon-tiaoxingtu',
-  },
-  { title: '刷新', code: 'icon-shuaxin' },
-  { title: '数据库', code: 'icon-shujuku' },
-  {
-    title: '图像',
-    code: 'icon-tuxiang',
-  },
-  { title: '文件同步', code: 'icon-wenjiantongbu' },
-  { title: '相机', code: 'icon-xiangji' },
-  {
-    title: '箱型图',
-    code: 'icon-xiangxingtu',
-  },
-  { title: '文件搜索', code: 'icon-wenjiansousuo' },
-  { title: '统计', code: 'icon-tongji' },
-  {
-    title: '项目',
-    code: 'icon-xiangmu',
-  },
-  { title: '验证码', code: 'icon-yanzhengma' },
-  { title: '信息校验', code: 'icon-xinxixiaoyan' },
-  {
-    title: '下载',
-    code: 'icon-xiazai',
-  },
-  { title: '移动端', code: 'icon-yidongduan' },
-  { title: '信贷服务', code: 'icon-xindaifuwu' },
-  {
-    title: '邮件',
-    code: 'icon-youjian',
-  },
-  { title: '业务指标', code: 'icon-yewuzhibiao' },
-  { title: '用户', code: 'icon-yonghu' },
-  {
-    title: '仪表盘',
-    code: 'icon-yibiaopan',
-  },
-  { title: '应用中心', code: 'icon-yingyongzhongxin' },
-  { title: '账户安全', code: 'icon-zhanghuanquan' },
-  {
-    title: '折线图',
-    code: 'icon-zhexiantu',
-  },
-];
diff --git a/src/views/shared/icons/index.vue b/src/views/shared/icons/index.vue
deleted file mode 100644
index b3e7eea25..000000000
--- a/src/views/shared/icons/index.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <div class="icons-box">
-    <Card>
-      <template #title>
-        菜单图标（<a :href="`${prefix}iconfont.js`">/public/iconfont.js</a>）
-      </template>
-      <template v-for="iconItem in icons" :key="iconItem.code">
-        <CardGrid @click="copyIcon(iconItem)">
-          <div>
-            <icon-font :type="iconItem.code" size="26" />
-          </div>
-          <div>{{ iconItem.title }}</div>
-          <div>{{ iconItem.code }}</div>
-        </CardGrid>
-      </template>
-    </Card>
-  </div>
-</template>
-<script lang="ts" setup>
-  import { Card, message } from 'ant-design-vue';
-  import { IconFont } from '@/components/iconfont';
-  import { copyText } from '@/utils/common';
-  import icons from './icons';
-
-  const CardGrid = Card.Grid;
-  const prefix = process.env.BASE_URL;
-
-  async function copyIcon(iconItem) {
-    await copyText(iconItem.code);
-    message.success(iconItem.code + '--复制成功！');
-  }
-</script>
-
-<style lang="less" scoped>
-  .icons-box {
-    display: flex;
-    justify-content: center;
-
-    :deep(.ant-card) {
-      max-width: 80vw;
-
-      .ant-card-body {
-        display: flex;
-        flex-wrap: wrap;
-
-        .ant-card-grid {
-          display: flex;
-          flex-direction: column;
-          justify-content: center;
-          align-items: center;
-          width: 20%;
-
-          .anticon {
-            margin-bottom: 14px;
-          }
-        }
-      }
-    }
-  }
-</style>
diff --git a/src/views/system/monitor/login-log/index.vue b/src/views/system/monitor/login-log/index.vue
index 7b7771f0e..6b4602b76 100644
--- a/src/views/system/monitor/login-log/index.vue
+++ b/src/views/system/monitor/login-log/index.vue
@@ -7,7 +7,7 @@
 </script>
 
 <script setup lang="ts">
-  import { DynamicTable, LoadDataParams, TableColumn } from '@/components/dynamic-table';
+  import { DynamicTable, LoadDataParams, TableColumn } from '@/components/core/dynamic-table';
   import { getLoginLogList } from '@/api/system/log';
 
   const loadTableData = async ({ page, limit }: LoadDataParams) => {
diff --git a/src/views/system/monitor/online/index.vue b/src/views/system/monitor/online/index.vue
index 1d28c4844..a7c9d9e68 100644
--- a/src/views/system/monitor/online/index.vue
+++ b/src/views/system/monitor/online/index.vue
@@ -14,7 +14,7 @@
 
 <script setup lang="tsx">
   import { ref } from 'vue';
-  import { DynamicTable, TableColumn, DynamicTableInstance } from '@/components/dynamic-table';
+  import { DynamicTable, TableColumn, DynamicTableInstance } from '@/components/core/dynamic-table';
   import { getOnlineList, kickUser } from '@/api/system/online';
   import { Tag } from 'ant-design-vue';
   import { useSocket } from '@/core/socket/useSocket';
diff --git a/src/views/system/monitor/req-log/index.vue b/src/views/system/monitor/req-log/index.vue
index 6af18c2f8..bbe14f91e 100644
--- a/src/views/system/monitor/req-log/index.vue
+++ b/src/views/system/monitor/req-log/index.vue
@@ -12,7 +12,7 @@
 </script>
 
 <script setup lang="tsx">
-  import { DynamicTable, TableColumn } from '@/components/dynamic-table';
+  import { DynamicTable, TableColumn } from '@/components/core/dynamic-table';
   import { Tag } from 'ant-design-vue';
   import { getReqLogList } from '@/api/system/log';
 
diff --git a/src/views/system/monitor/serve/index.vue b/src/views/system/monitor/serve/index.vue
index aa5d017a7..30169eff8 100644
--- a/src/views/system/monitor/serve/index.vue
+++ b/src/views/system/monitor/serve/index.vue
@@ -83,10 +83,10 @@
 </script>
 <script lang="ts" setup>
   import { Card, Descriptions, Tag } from 'ant-design-vue';
-  import { reactive, computed, toRefs, onMounted, onBeforeMount } from 'vue';
+  import { reactive, computed, toRefs, onMounted, onBeforeUnmount } from 'vue';
   import { formatSizeUnits } from '@/utils';
   import { getServeStat } from '@/api/system/serve';
-  import Progress from '@/components/progress/index.vue';
+  import Progress from '@/components/basic/progress/index.vue';
 
   let intervalId = -1;
 
@@ -178,7 +178,7 @@
   onMounted(() => {
     intervalId = setInterval(refresh, 10000);
   });
-  onBeforeMount(() => {
+  onBeforeUnmount(() => {
     clearInterval(intervalId);
   });
 </script>
diff --git a/src/views/system/permission/menu/columns.tsx b/src/views/system/permission/menu/columns.tsx
index f3fbda5ae..5f7f500dc 100644
--- a/src/views/system/permission/menu/columns.tsx
+++ b/src/views/system/permission/menu/columns.tsx
@@ -1,4 +1,4 @@
-import type { TableColumn } from '@/components/dynamic-table';
+import type { TableColumn } from '@/components/core/dynamic-table';
 // import { Avatar, Space, Tag } from 'ant-design-vue';
 
 export type TableListItem = API.MenuListResultItem;
diff --git a/src/views/system/permission/menu/formSchemas.ts b/src/views/system/permission/menu/formSchemas.ts
index a1b25ded1..53d2bcf42 100644
--- a/src/views/system/permission/menu/formSchemas.ts
+++ b/src/views/system/permission/menu/formSchemas.ts
@@ -1,6 +1,6 @@
 import { shallowRef } from 'vue';
-import type { FormItemSchema } from '@/components/JSON-schema-form/types/form';
-import IconsSelect from '@/components/icons-select/index.vue';
+import type { FormItemSchema } from '@/components/core/schema-form/types/form';
+import IconsSelect from '@/components/basic/icons-select/index.vue';
 import MultipleCascader from './components/multiple-cascader/index.vue';
 import { constantRouterComponents } from '@/router/asyncModules';
 
diff --git a/src/views/system/permission/menu/index.vue b/src/views/system/permission/menu/index.vue
index 25ae5aef6..b68318de6 100644
--- a/src/views/system/permission/menu/index.vue
+++ b/src/views/system/permission/menu/index.vue
@@ -31,7 +31,7 @@
   import { ref } from 'vue';
   import type { TreeSelectProps } from 'ant-design-vue';
   import { getMenuList, updateMenu, createMenu, deleteMenu } from '@/api/system/menu';
-  import { DynamicTable } from '@/components/dynamic-table';
+  import { DynamicTable } from '@/components/core/dynamic-table';
   import { useFormModal } from '@/hooks/useModal/useFormModal';
   import { baseColumns, type TableListItem, type TableColumnItem } from './columns';
   import { menuSchemas } from './formSchemas';
diff --git a/src/views/system/permission/role/columns.tsx b/src/views/system/permission/role/columns.tsx
index 5005a6f4c..966ae16c6 100644
--- a/src/views/system/permission/role/columns.tsx
+++ b/src/views/system/permission/role/columns.tsx
@@ -1,4 +1,4 @@
-import type { TableColumn } from '@/components/dynamic-table';
+import type { TableColumn } from '@/components/core/dynamic-table';
 // import { Avatar, Space, Tag } from 'ant-design-vue';
 
 export type TableListItem = API.RoleListResultItem;
diff --git a/src/views/system/permission/role/formSchemas.ts b/src/views/system/permission/role/formSchemas.ts
index 8e9f77a7b..99886398b 100644
--- a/src/views/system/permission/role/formSchemas.ts
+++ b/src/views/system/permission/role/formSchemas.ts
@@ -1,4 +1,4 @@
-import type { FormItemSchema } from '@/components/JSON-schema-form/types/form';
+import type { FormItemSchema } from '@/components/core/schema-form/types/form';
 
 export const roleSchemas: FormItemSchema<API.CreateRoleParams>[] = [
   {
diff --git a/src/views/system/permission/role/index.vue b/src/views/system/permission/role/index.vue
index 6d1e5166a..319812752 100644
--- a/src/views/system/permission/role/index.vue
+++ b/src/views/system/permission/role/index.vue
@@ -36,7 +36,7 @@
   } from '@/api/system/role';
   import { getDeptList } from '@/api/system/dept';
   import { getMenuList } from '@/api/system/menu';
-  import { DynamicTable } from '@/components/dynamic-table';
+  import { DynamicTable } from '@/components/core/dynamic-table';
   import { useFormModal } from '@/hooks/useModal/useFormModal';
   import { baseColumns, type TableListItem, type TableColumnItem } from './columns';
   import { roleSchemas } from './formSchemas';
diff --git a/src/views/system/permission/user/columns.tsx b/src/views/system/permission/user/columns.tsx
index 0b33cc10a..0873e81e3 100644
--- a/src/views/system/permission/user/columns.tsx
+++ b/src/views/system/permission/user/columns.tsx
@@ -1,4 +1,4 @@
-import type { TableColumn } from '@/components/dynamic-table';
+import type { TableColumn } from '@/components/core/dynamic-table';
 import { Avatar, Space, Tag } from 'ant-design-vue';
 
 export type TableListItem = API.UserListPageResultItem;
diff --git a/src/views/system/permission/user/formSchemas.ts b/src/views/system/permission/user/formSchemas.ts
index a7cc2d6b1..5cdf573ec 100644
--- a/src/views/system/permission/user/formSchemas.ts
+++ b/src/views/system/permission/user/formSchemas.ts
@@ -1,4 +1,4 @@
-import type { FormItemSchema } from '@/components/JSON-schema-form/types/form';
+import type { FormItemSchema } from '@/components/core/schema-form/types/form';
 import { getRoleList } from '@/api/system/role';
 
 export const deptSchemas: FormItemSchema<API.CreateDeptParams>[] = [
diff --git a/src/views/system/permission/user/index.vue b/src/views/system/permission/user/index.vue
index 694368641..169fc7b20 100644
--- a/src/views/system/permission/user/index.vue
+++ b/src/views/system/permission/user/index.vue
@@ -99,8 +99,12 @@
     ExclamationCircleOutlined,
     SwapOutlined,
   } from '@ant-design/icons-vue';
-  import { SplitPanel } from '@/components/split-panel';
-  import { DynamicTable, LoadDataParams, DynamicTableInstance } from '@/components/dynamic-table';
+  import { SplitPanel } from '@/components/basic/split-panel';
+  import {
+    DynamicTable,
+    type LoadDataParams,
+    type DynamicTableInstance,
+  } from '@/components/core/dynamic-table';
   import {
     deleteUsers,
     getUserListPage,
diff --git a/src/views/system/schedule/log/index.vue b/src/views/system/schedule/log/index.vue
index abb8b4d9c..0fb8f9c08 100644
--- a/src/views/system/schedule/log/index.vue
+++ b/src/views/system/schedule/log/index.vue
@@ -12,7 +12,7 @@
 </script>
 
 <script setup lang="tsx">
-  import { DynamicTable, TableColumn } from '@/components/dynamic-table';
+  import { DynamicTable, TableColumn } from '@/components/core/dynamic-table';
   import { getTaskLogList } from '@/api/system/log';
   import { Tag } from 'ant-design-vue';
 
diff --git a/src/views/system/schedule/task/columns.tsx b/src/views/system/schedule/task/columns.tsx
index 2854fdff1..d6b62d618 100644
--- a/src/views/system/schedule/task/columns.tsx
+++ b/src/views/system/schedule/task/columns.tsx
@@ -1,4 +1,4 @@
-import type { TableColumn } from '@/components/dynamic-table';
+import type { TableColumn } from '@/components/core/dynamic-table';
 import { Badge, Tag } from 'ant-design-vue';
 
 export type TableListItem = API.SysTaskListItem;
diff --git a/src/views/system/schedule/task/formSchemas.ts b/src/views/system/schedule/task/formSchemas.ts
index 1bc766371..a68834dc5 100644
--- a/src/views/system/schedule/task/formSchemas.ts
+++ b/src/views/system/schedule/task/formSchemas.ts
@@ -1,4 +1,4 @@
-import type { FormItemSchema } from '@/components/JSON-schema-form/types/form';
+import type { FormItemSchema } from '@/components/core/schema-form/types/form';
 
 export const taskSchemas: FormItemSchema<API.SysTaskAddParams>[] = [
   {
diff --git a/src/views/system/schedule/task/index.vue b/src/views/system/schedule/task/index.vue
index 56f0237d1..eeb22df9e 100644
--- a/src/views/system/schedule/task/index.vue
+++ b/src/views/system/schedule/task/index.vue
@@ -87,7 +87,7 @@
   import { ref } from 'vue';
   import { Descriptions, Tooltip, Popconfirm, Button } from 'ant-design-vue';
   import { ToolOutlined, CaretRightOutlined, PoweroffOutlined } from '@ant-design/icons-vue';
-  import { DynamicTable, type DynamicTableInstance } from '@/components/dynamic-table';
+  import { DynamicTable, type DynamicTableInstance } from '@/components/core/dynamic-table';
   import { useFormModal } from '@/hooks/useModal/useFormModal';
   import { baseColumns, type TableListItem, type TableColumnItem } from './columns';
   import { taskSchemas } from './formSchemas';
diff --git a/tsconfig.json b/tsconfig.json
index 6ae5b5734..d14240c8b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -38,6 +38,7 @@
     },
   },
   "include": [
+    "mock/**/*",
     "src/**/*.ts",
     "src/**/*.d.ts",
     "src/**/*.tsx",
@@ -48,6 +49,6 @@
   "exclude": [
     "node_modules",
     "dist",
-    "**/*.js"
+    "**/*.js",
   ]
-}
\ No newline at end of file
+}
diff --git a/types/utils.d.ts b/types/utils.d.ts
new file mode 100644
index 000000000..91b893133
--- /dev/null
+++ b/types/utils.d.ts
@@ -0,0 +1 @@
+type UnboxPromise<T extends Promise<any>> = T extends Promise<infer U> ? U : never;
diff --git a/types/vue-router.d.ts b/types/vue-router.d.ts
index 8a6f2c6ed..62e0d6bfb 100644
--- a/types/vue-router.d.ts
+++ b/types/vue-router.d.ts
@@ -1,9 +1,9 @@
 import { type PermissionType } from '@/core/permission/modules/types';
+import { type LocaleType } from '@/locales/config';
 
-interface Title18n {
-  zh_CN: string;
-  en_US: string;
-}
+type Title18n = {
+  [p in LocaleType]: string;
+};
 
 declare module 'vue-router' {
   interface RouteMeta extends Record<string | number | symbol, unknown> {
diff --git a/vue.config.js b/vue.config.js
index 9678291ee..eff9f581b 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,5 +1,4 @@
 const { defineConfig } = require('@vue/cli-service');
-const webpack = require('webpack');
 const LodashModuleReplacementPlugin = require('lodash-webpack-plugin');
 // const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
 // const CompressionPlugin = require('compression-webpack-plugin');
@@ -49,15 +48,14 @@ module.exports = defineConfig({
     config.plugins.delete('preload');
     // 移除 prefetch 插件
     config.plugins.delete('prefetch');
-    config
-      .plugin('ignore')
-      .use(new webpack.ContextReplacementPlugin(/moment[/\\]locale$/, /zh-cn$/));
+
     config
       // https://webpack.js.org/configuration/devtool/#development
       .when(!IS_PROD, (config) => config.devtool('cheap-source-map'));
 
     // 配置相关loader，支持修改，添加和替换相关的loader
     config.resolve.alias.set('@', resolve('src'));
+
     // 打包分析
     if (IS_PROD) {
       // config.optimization.delete('splitChunks');
@@ -74,7 +72,8 @@ module.exports = defineConfig({
 
     // svg rule loader
     config.module.rule('svg').exclude.add(resolve('src/assets/icons')).end();
-
+    // 忽略解析markdown文件
+    config.module.noParse(/\.md$/);
     config.module
       .rule('icons')
       .test(/\.svg$/)
diff --git a/yarn.lock b/yarn.lock
index 143efd783..20e6ac8b8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1167,6 +1167,71 @@
   resolved "https://registry.npmmirror.com/@humanwhocodes/object-schema/download/@humanwhocodes/object-schema-1.2.1.tgz#b520529ec21d8e5945a1851dfd1c32e94e39ff45"
   integrity sha1-tSBSnsIdjllFoYUd/Rwy6U45/0U=
 
+"@hutson/parse-repository-url@^3.0.0":
+  version "3.0.2"
+  resolved "https://registry.npm.taobao.org/@hutson/parse-repository-url/download/@hutson/parse-repository-url-3.0.2.tgz#98c23c950a3d9b6c8f0daed06da6c3af06981340"
+  integrity sha1-mMI8lQo9m2yPDa7QbabDrwaYE0A=
+
+"@intlify/bundle-utils@next":
+  version "2.2.0"
+  resolved "https://registry.npmmirror.com/@intlify/bundle-utils/download/@intlify/bundle-utils-2.2.0.tgz#0d0a53b1227c41f225ec6bb69b15644f88d5d18d"
+  integrity sha512-qVuN7+c84UB6rlLHSued2J9R86LG1rHg6ZibCghGMyPXnW0nOuIfkUFf1F7tXIqfMXjIPeJzlbpmzjWTI2z9Kw==
+  dependencies:
+    "@intlify/message-compiler" beta
+    "@intlify/shared" beta
+    jsonc-eslint-parser "^1.0.1"
+    source-map "^0.6.1"
+    yaml-eslint-parser "^0.3.2"
+
+"@intlify/core-base@9.2.0-beta.26":
+  version "9.2.0-beta.26"
+  resolved "https://registry.npmmirror.com/@intlify/core-base/download/@intlify/core-base-9.2.0-beta.26.tgz#0092cfce681a47db1a502583e0108d61cd7b7327"
+  integrity sha512-4OXSF0zC70UElev6gam4FdWfC7u4l2ouNK9Hc6R44QlpEXkzhbwwbpZn9gIGB2l11zQnJkAwaovfYyiNJ/JvkA==
+  dependencies:
+    "@intlify/devtools-if" "9.2.0-beta.26"
+    "@intlify/message-compiler" "9.2.0-beta.26"
+    "@intlify/shared" "9.2.0-beta.26"
+    "@intlify/vue-devtools" "9.2.0-beta.26"
+
+"@intlify/devtools-if@9.2.0-beta.26":
+  version "9.2.0-beta.26"
+  resolved "https://registry.npmmirror.com/@intlify/devtools-if/download/@intlify/devtools-if-9.2.0-beta.26.tgz#06e498825aa1f4984476c2da9b1bcf9cdc3d0424"
+  integrity sha512-7GiF7v2jlHf7g5hoLF6sKlrX5Di2INfHN4PEAeVr2ashgoSaq1EYIRouBVAnJkOrDOJzCOEY7y53me7+gIbeTw==
+  dependencies:
+    "@intlify/shared" "9.2.0-beta.26"
+
+"@intlify/message-compiler@9.2.0-beta.26", "@intlify/message-compiler@beta":
+  version "9.2.0-beta.26"
+  resolved "https://registry.npmmirror.com/@intlify/message-compiler/download/@intlify/message-compiler-9.2.0-beta.26.tgz#9cc5f9f112030483c4a35eaef105ba68cc888fa0"
+  integrity sha512-qtDgHCMqrXNTekKXGzm0Dm6r3+/X7/jFXP+E07hx+PJbPMv7DzK1iU8h5LlAMQ1/jr2UIRBgXvR5wh35OKoGrA==
+  dependencies:
+    "@intlify/shared" "9.2.0-beta.26"
+    source-map "0.6.1"
+
+"@intlify/shared@9.2.0-beta.26", "@intlify/shared@beta":
+  version "9.2.0-beta.26"
+  resolved "https://registry.npmmirror.com/@intlify/shared/download/@intlify/shared-9.2.0-beta.26.tgz#430f69235c12f002a93796cc74eb28546bed6be4"
+  integrity sha512-MjUlkjNThqkqy8yXUcFKBiW/hIfqAn5cP3Vd0b4wdOHS8rPCEbvSbAnF08uiZDkVv8gTcsLyymX21GaU6oYyyQ==
+
+"@intlify/vue-devtools@9.2.0-beta.26":
+  version "9.2.0-beta.26"
+  resolved "https://registry.npmmirror.com/@intlify/vue-devtools/download/@intlify/vue-devtools-9.2.0-beta.26.tgz#1528e053d72aadf796bf478daeb33c5f700d8a98"
+  integrity sha512-Ghe2xTSezRzL2fBdIbZEus5+5spE2RMxgjBg6GyvbsDy1M05o2OvukBninJ4/Tc2I5A30lYgAsF1gQlOyfmv1g==
+  dependencies:
+    "@intlify/core-base" "9.2.0-beta.26"
+    "@intlify/shared" "9.2.0-beta.26"
+
+"@intlify/vue-i18n-loader@^4.1.0":
+  version "4.1.0"
+  resolved "https://registry.npmmirror.com/@intlify/vue-i18n-loader/download/@intlify/vue-i18n-loader-4.1.0.tgz#dc3717640c1dc560b3d8997b3f6746e9ef84ee52"
+  integrity sha512-Khf0CXi2rVjL4dWNk5WemoRSs20t7C7R+WhDrcpIIhAxJ2VQ7bjW4mLEmvvC7dc4uFyXI4q+WYaoFTVFzo90aA==
+  dependencies:
+    "@intlify/bundle-utils" next
+    "@intlify/shared" beta
+    js-yaml "^4.1.0"
+    json5 "^2.2.0"
+    loader-utils "^2.0.0"
+
 "@nodelib/fs.scandir@2.1.5":
   version "2.1.5"
   resolved "https://registry.nlark.com/@nodelib/fs.scandir/download/@nodelib/fs.scandir-2.1.5.tgz#7619c2eb21b25483f6d167548b4cfd5a7488c3d5"
@@ -1378,10 +1443,10 @@
   resolved "https://registry.npmmirror.com/@types/node/download/@types/node-17.0.5.tgz#57ca67ec4e57ad9e4ef5a6bab48a15387a1c83e0"
   integrity sha512-w3mrvNXLeDYV1GKTZorGJQivK6XLCoGwpnyJFbJVK/aTBQUxOCaa/GlFAAN3OTDFcb7h5tiFG+YXCO2By+riZw==
 
-"@types/node@^17.0.6":
-  version "17.0.6"
-  resolved "https://registry.npmmirror.com/@types/node/download/@types/node-17.0.6.tgz#cc1589c9ee853b389e67e8fb4384e0f250a139b9"
-  integrity sha512-+XBAjfZmmivILUzO0HwBJoYkAyyySSLg5KCGBDFLomJo0sV6szvVLAf4ANZZ0pfWzgEds5KmGLG9D5hfEqOhaA==
+"@types/node@^17.0.7":
+  version "17.0.7"
+  resolved "https://registry.npmmirror.com/@types/node/download/@types/node-17.0.7.tgz#4a53d8332bb65a45470a2f9e2611f1ced637a5cb"
+  integrity sha512-1QUk+WAUD4t8iR+Oj+UgI8oJa6yyxaB8a8pHaC8uqM6RrS1qbL7bf3Pwl5rHv0psm2CuDErgho6v5N+G+5fwtQ==
 
 "@types/normalize-package-data@^2.4.0":
   version "2.4.1"
@@ -1859,7 +1924,7 @@
   optionalDependencies:
     prettier "^1.18.2 || ^2.0.0"
 
-"@vue/devtools-api@^6.0.0-beta.18", "@vue/devtools-api@^6.0.0-beta.21":
+"@vue/devtools-api@^6.0.0-beta.13", "@vue/devtools-api@^6.0.0-beta.18", "@vue/devtools-api@^6.0.0-beta.21":
   version "6.0.0-beta.21.1"
   resolved "https://registry.npmmirror.com/@vue/devtools-api/download/@vue/devtools-api-6.0.0-beta.21.1.tgz#f1410f53c42aa67fa3b01ca7bdba891f69d7bc97"
   integrity sha512-FqC4s3pm35qGVeXRGOjTsRzlkJjrBLriDS9YXbflHLsfA9FrcKzIyWnLXoNm+/7930E8rRakXuAc2QkC50swAw==
@@ -2126,7 +2191,7 @@ acorn-import-assertions@^1.7.6:
   resolved "https://registry.npmmirror.com/acorn-import-assertions/download/acorn-import-assertions-1.8.0.tgz?cache=0&sync_timestamp=1633349660084&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Facorn-import-assertions%2Fdownload%2Facorn-import-assertions-1.8.0.tgz#ba2b5939ce62c238db6d93d81c9b111b29b855e9"
   integrity sha1-uitZOc5iwjjbbZPYHJsRGym4Vek=
 
-acorn-jsx@^5.3.1:
+acorn-jsx@^5.2.0, acorn-jsx@^5.3.1:
   version "5.3.2"
   resolved "https://registry.nlark.com/acorn-jsx/download/acorn-jsx-5.3.2.tgz#7ed5bb55908b3b2f1bc55c6af1653bada7f07937"
   integrity sha1-ftW7VZCLOy8bxVxq8WU7rafweTc=
@@ -2136,16 +2201,41 @@ acorn-walk@^8.0.0, acorn-walk@^8.0.2, acorn-walk@^8.1.1:
   resolved "https://registry.nlark.com/acorn-walk/download/acorn-walk-8.2.0.tgz?cache=0&sync_timestamp=1630916608758&other_urls=https%3A%2F%2Fregistry.nlark.com%2Facorn-walk%2Fdownload%2Facorn-walk-8.2.0.tgz#741210f2e2426454508853a2f44d0ab83b7f69c1"
   integrity sha1-dBIQ8uJCZFRQiFOi9E0KuDt/acE=
 
+acorn@^7.1.1, acorn@^7.4.1:
+  version "7.4.1"
+  resolved "https://registry.npmmirror.com/acorn/download/acorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
+  integrity sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo=
+
 acorn@^8.0.4, acorn@^8.0.5, acorn@^8.4.1, acorn@^8.6.0, acorn@^8.7.0:
   version "8.7.0"
   resolved "https://registry.npmmirror.com/acorn/download/acorn-8.7.0.tgz#90951fde0f8f09df93549481e5fc141445b791cf"
   integrity sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==
 
+add-stream@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/add-stream/download/add-stream-1.0.0.tgz#6a7990437ca736d5e1288db92bd3266d5f5cb2aa"
+  integrity sha1-anmQQ3ynNtXhKI25K9MmbV9csqo=
+
 address@^1.1.2:
   version "1.1.2"
   resolved "https://registry.npm.taobao.org/address/download/address-1.1.2.tgz#bf1116c9c758c51b7a933d296b72c221ed9428b6"
   integrity sha1-vxEWycdYxRt6kz0pa3LCIe2UKLY=
 
+adler-32@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.nlark.com/adler-32/download/adler-32-1.2.0.tgz#6a3e6bf0a63900ba15652808cb15c6813d1a5f25"
+  integrity sha1-aj5r8KY5ALoVZSgIyxXGgT0aXyU=
+  dependencies:
+    exit-on-epipe "~1.0.1"
+    printj "~1.1.0"
+
+adler-32@~1.3.0:
+  version "1.3.0"
+  resolved "https://registry.nlark.com/adler-32/download/adler-32-1.3.0.tgz#3cad1b71cdfa69f6c8a91f3e3615d31a4fdedc72"
+  integrity sha1-PK0bcc36afbIqR8+NhXTGk/e3HI=
+  dependencies:
+    printj "~1.2.2"
+
 aggregate-error@^3.0.0:
   version "3.1.0"
   resolved "https://registry.npm.taobao.org/aggregate-error/download/aggregate-error-3.1.0.tgz#92670ff50f5359bdb7a3e0d40d0ec30c5737687a"
@@ -2747,6 +2837,15 @@ case-sensitive-paths-webpack-plugin@^2.3.0:
   resolved "https://registry.nlark.com/case-sensitive-paths-webpack-plugin/download/case-sensitive-paths-webpack-plugin-2.4.0.tgz#db64066c6422eed2e08cc14b986ca43796dbc6d4"
   integrity sha1-22QGbGQi7tLgjMFLmGykN5bbxtQ=
 
+cfb@^1.1.4:
+  version "1.2.1"
+  resolved "https://registry.nlark.com/cfb/download/cfb-1.2.1.tgz?cache=0&sync_timestamp=1630959711444&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcfb%2Fdownload%2Fcfb-1.2.1.tgz#209429e4c68efd30641f6fc74b2d6028bd202402"
+  integrity sha1-IJQp5MaO/TBkH2/HSy1gKL0gJAI=
+  dependencies:
+    adler-32 "~1.3.0"
+    crc-32 "~1.2.0"
+    printj "~1.3.0"
+
 chalk@^1.1.3:
   version "1.1.3"
   resolved "https://registry.npmmirror.com/chalk/download/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
@@ -2931,6 +3030,11 @@ clone@^2.1.1:
   resolved "https://registry.npm.taobao.org/clone/download/clone-2.1.2.tgz?cache=0&sync_timestamp=1589682821772&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fclone%2Fdownload%2Fclone-2.1.2.tgz#1b7f4b9f591f1e8f83670401600345a02887435f"
   integrity sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=
 
+codepage@~1.15.0:
+  version "1.15.0"
+  resolved "https://registry.nlark.com/codepage/download/codepage-1.15.0.tgz#2e00519024b39424ec66eeb3ec07227e692618ab"
+  integrity sha1-LgBRkCSzlCTsZu6z7AcifmkmGKs=
+
 collection-visit@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npm.taobao.org/collection-visit/download/collection-visit-1.0.0.tgz#4bc0373c164bc3291b4d368c829cf1a80a59dca0"
@@ -3088,7 +3192,7 @@ content-type@~1.0.4:
   resolved "https://registry.npm.taobao.org/content-type/download/content-type-1.0.4.tgz#e138cc75e040c727b1966fe5e5f8c9aee256fe3b"
   integrity sha1-4TjMdeBAxyexlm/l5fjJruJW/js=
 
-conventional-changelog-angular@^5.0.11:
+conventional-changelog-angular@^5.0.11, conventional-changelog-angular@^5.0.12:
   version "5.0.13"
   resolved "https://registry.nlark.com/conventional-changelog-angular/download/conventional-changelog-angular-5.0.13.tgz?cache=0&sync_timestamp=1631198347997&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fconventional-changelog-angular%2Fdownload%2Fconventional-changelog-angular-5.0.13.tgz#896885d63b914a70d4934b59d2fe7bde1832b28c"
   integrity sha1-iWiF1juRSnDUk0tZ0v573hgysow=
@@ -3096,6 +3200,31 @@ conventional-changelog-angular@^5.0.11:
     compare-func "^2.0.0"
     q "^1.5.1"
 
+conventional-changelog-atom@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.npm.taobao.org/conventional-changelog-atom/download/conventional-changelog-atom-2.0.8.tgz?cache=0&sync_timestamp=1604539676429&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fconventional-changelog-atom%2Fdownload%2Fconventional-changelog-atom-2.0.8.tgz#a759ec61c22d1c1196925fca88fe3ae89fd7d8de"
+  integrity sha1-p1nsYcItHBGWkl/KiP466J/X2N4=
+  dependencies:
+    q "^1.5.1"
+
+conventional-changelog-cli@^2.2.2:
+  version "2.2.2"
+  resolved "https://registry.npmmirror.com/conventional-changelog-cli/download/conventional-changelog-cli-2.2.2.tgz#9a7746cede92c6a8f27dc46692efaadfbed60daa"
+  integrity sha512-8grMV5Jo8S0kP3yoMeJxV2P5R6VJOqK72IiSV9t/4H5r/HiRqEBQ83bYGuz4Yzfdj4bjaAEhZN/FFbsFXr5bOA==
+  dependencies:
+    add-stream "^1.0.0"
+    conventional-changelog "^3.1.24"
+    lodash "^4.17.15"
+    meow "^8.0.0"
+    tempfile "^3.0.0"
+
+conventional-changelog-codemirror@^2.0.8:
+  version "2.0.8"
+  resolved "https://registry.npm.taobao.org/conventional-changelog-codemirror/download/conventional-changelog-codemirror-2.0.8.tgz?cache=0&sync_timestamp=1604539676670&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fconventional-changelog-codemirror%2Fdownload%2Fconventional-changelog-codemirror-2.0.8.tgz#398e9530f08ce34ec4640af98eeaf3022eb1f7dc"
+  integrity sha1-OY6VMPCM407EZAr5jurzAi6x99w=
+  dependencies:
+    q "^1.5.1"
+
 conventional-changelog-conventionalcommits@^4.3.1:
   version "4.6.2"
   resolved "https://registry.npmmirror.com/conventional-changelog-conventionalcommits/download/conventional-changelog-conventionalcommits-4.6.2.tgz#6debf07a894f7c7e22b950e2f872de334d5d49ed"
@@ -3105,11 +3234,133 @@ conventional-changelog-conventionalcommits@^4.3.1:
     lodash "^4.17.15"
     q "^1.5.1"
 
+conventional-changelog-conventionalcommits@^4.5.0:
+  version "4.6.3"
+  resolved "https://registry.npmmirror.com/conventional-changelog-conventionalcommits/download/conventional-changelog-conventionalcommits-4.6.3.tgz#0765490f56424b46f6cb4db9135902d6e5a36dc2"
+  integrity sha512-LTTQV4fwOM4oLPad317V/QNQ1FY4Hju5qeBIM1uTHbrnCE+Eg4CdRZ3gO2pUeR+tzWdp80M2j3qFFEDWVqOV4g==
+  dependencies:
+    compare-func "^2.0.0"
+    lodash "^4.17.15"
+    q "^1.5.1"
+
+conventional-changelog-core@^4.2.1:
+  version "4.2.4"
+  resolved "https://registry.nlark.com/conventional-changelog-core/download/conventional-changelog-core-4.2.4.tgz?cache=0&sync_timestamp=1631198368854&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fconventional-changelog-core%2Fdownload%2Fconventional-changelog-core-4.2.4.tgz#e50d047e8ebacf63fac3dc67bf918177001e1e9f"
+  integrity sha1-5Q0Efo66z2P6w9xnv5GBdwAeHp8=
+  dependencies:
+    add-stream "^1.0.0"
+    conventional-changelog-writer "^5.0.0"
+    conventional-commits-parser "^3.2.0"
+    dateformat "^3.0.0"
+    get-pkg-repo "^4.0.0"
+    git-raw-commits "^2.0.8"
+    git-remote-origin-url "^2.0.0"
+    git-semver-tags "^4.1.1"
+    lodash "^4.17.15"
+    normalize-package-data "^3.0.0"
+    q "^1.5.1"
+    read-pkg "^3.0.0"
+    read-pkg-up "^3.0.0"
+    through2 "^4.0.0"
+
+conventional-changelog-ember@^2.0.9:
+  version "2.0.9"
+  resolved "https://registry.npm.taobao.org/conventional-changelog-ember/download/conventional-changelog-ember-2.0.9.tgz?cache=0&sync_timestamp=1604539677113&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fconventional-changelog-ember%2Fdownload%2Fconventional-changelog-ember-2.0.9.tgz#619b37ec708be9e74a220f4dcf79212ae1c92962"
+  integrity sha1-YZs37HCL6edKIg9Nz3khKuHJKWI=
+  dependencies:
+    q "^1.5.1"
+
+conventional-changelog-eslint@^3.0.9:
+  version "3.0.9"
+  resolved "https://registry.npm.taobao.org/conventional-changelog-eslint/download/conventional-changelog-eslint-3.0.9.tgz?cache=0&sync_timestamp=1604539677239&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fconventional-changelog-eslint%2Fdownload%2Fconventional-changelog-eslint-3.0.9.tgz#689bd0a470e02f7baafe21a495880deea18b7cdb"
+  integrity sha1-aJvQpHDgL3uq/iGklYgN7qGLfNs=
+  dependencies:
+    q "^1.5.1"
+
+conventional-changelog-express@^2.0.6:
+  version "2.0.6"
+  resolved "https://registry.npm.taobao.org/conventional-changelog-express/download/conventional-changelog-express-2.0.6.tgz?cache=0&sync_timestamp=1604539677462&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fconventional-changelog-express%2Fdownload%2Fconventional-changelog-express-2.0.6.tgz#420c9d92a347b72a91544750bffa9387665a6ee8"
+  integrity sha1-QgydkqNHtyqRVEdQv/qTh2Zabug=
+  dependencies:
+    q "^1.5.1"
+
+conventional-changelog-jquery@^3.0.11:
+  version "3.0.11"
+  resolved "https://registry.npm.taobao.org/conventional-changelog-jquery/download/conventional-changelog-jquery-3.0.11.tgz#d142207400f51c9e5bb588596598e24bba8994bf"
+  integrity sha1-0UIgdAD1HJ5btYhZZZjiS7qJlL8=
+  dependencies:
+    q "^1.5.1"
+
+conventional-changelog-jshint@^2.0.9:
+  version "2.0.9"
+  resolved "https://registry.npm.taobao.org/conventional-changelog-jshint/download/conventional-changelog-jshint-2.0.9.tgz?cache=0&sync_timestamp=1604539677564&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fconventional-changelog-jshint%2Fdownload%2Fconventional-changelog-jshint-2.0.9.tgz#f2d7f23e6acd4927a238555d92c09b50fe3852ff"
+  integrity sha1-8tfyPmrNSSeiOFVdksCbUP44Uv8=
+  dependencies:
+    compare-func "^2.0.0"
+    q "^1.5.1"
+
+conventional-changelog-preset-loader@^2.3.4:
+  version "2.3.4"
+  resolved "https://registry.npm.taobao.org/conventional-changelog-preset-loader/download/conventional-changelog-preset-loader-2.3.4.tgz#14a855abbffd59027fd602581f1f34d9862ea44c"
+  integrity sha1-FKhVq7/9WQJ/1gJYHx802YYupEw=
+
+conventional-changelog-writer@^5.0.0:
+  version "5.0.1"
+  resolved "https://registry.npmmirror.com/conventional-changelog-writer/download/conventional-changelog-writer-5.0.1.tgz#e0757072f045fe03d91da6343c843029e702f359"
+  integrity sha512-5WsuKUfxW7suLblAbFnxAcrvf6r+0b7GvNaWUwUIk0bXMnENP/PEieGKVUQrjPqwPT4o3EPAASBXiY6iHooLOQ==
+  dependencies:
+    conventional-commits-filter "^2.0.7"
+    dateformat "^3.0.0"
+    handlebars "^4.7.7"
+    json-stringify-safe "^5.0.1"
+    lodash "^4.17.15"
+    meow "^8.0.0"
+    semver "^6.0.0"
+    split "^1.0.0"
+    through2 "^4.0.0"
+
+conventional-changelog@^3.1.24:
+  version "3.1.25"
+  resolved "https://registry.npmmirror.com/conventional-changelog/download/conventional-changelog-3.1.25.tgz#3e227a37d15684f5aa1fb52222a6e9e2536ccaff"
+  integrity sha512-ryhi3fd1mKf3fSjbLXOfK2D06YwKNic1nC9mWqybBHdObPd8KJ2vjaXZfYj1U23t+V8T8n0d7gwnc9XbIdFbyQ==
+  dependencies:
+    conventional-changelog-angular "^5.0.12"
+    conventional-changelog-atom "^2.0.8"
+    conventional-changelog-codemirror "^2.0.8"
+    conventional-changelog-conventionalcommits "^4.5.0"
+    conventional-changelog-core "^4.2.1"
+    conventional-changelog-ember "^2.0.9"
+    conventional-changelog-eslint "^3.0.9"
+    conventional-changelog-express "^2.0.6"
+    conventional-changelog-jquery "^3.0.11"
+    conventional-changelog-jshint "^2.0.9"
+    conventional-changelog-preset-loader "^2.3.4"
+
 conventional-commit-types@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npm.taobao.org/conventional-commit-types/download/conventional-commit-types-3.0.0.tgz#7c9214e58eae93e85dd66dbfbafe7e4fffa2365b"
   integrity sha1-fJIU5Y6uk+hd1m2/uv5+T/+iNls=
 
+conventional-commits-filter@^2.0.7:
+  version "2.0.7"
+  resolved "https://registry.npm.taobao.org/conventional-commits-filter/download/conventional-commits-filter-2.0.7.tgz?cache=0&sync_timestamp=1604539677673&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fconventional-commits-filter%2Fdownload%2Fconventional-commits-filter-2.0.7.tgz#f8d9b4f182fce00c9af7139da49365b136c8a0b3"
+  integrity sha1-+Nm08YL84Aya9xOdpJNlsTbIoLM=
+  dependencies:
+    lodash.ismatch "^4.4.0"
+    modify-values "^1.0.0"
+
+conventional-commits-parser@^3.2.0:
+  version "3.2.4"
+  resolved "https://registry.npmmirror.com/conventional-commits-parser/download/conventional-commits-parser-3.2.4.tgz#a7d3b77758a202a9b2293d2112a8d8052c740972"
+  integrity sha512-nK7sAtfi+QXbxHCYfhpZsfRtaitZLIA6889kFIouLvz6repszQDgxBu7wf2WbU+Dco7sAnNCJYERCwt54WPC2Q==
+  dependencies:
+    JSONStream "^1.0.4"
+    is-text-path "^1.0.1"
+    lodash "^4.17.15"
+    meow "^8.0.0"
+    split2 "^3.0.0"
+    through2 "^4.0.0"
+
 conventional-commits-parser@^3.2.2:
   version "3.2.3"
   resolved "https://registry.npmmirror.com/conventional-commits-parser/download/conventional-commits-parser-3.2.3.tgz?cache=0&sync_timestamp=1635305309026&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fconventional-commits-parser%2Fdownload%2Fconventional-commits-parser-3.2.3.tgz#fc43704698239451e3ef35fd1d8ed644f46bd86e"
@@ -3216,6 +3467,14 @@ cosmiconfig@^7, cosmiconfig@^7.0.0, cosmiconfig@^7.0.1:
     path-type "^4.0.0"
     yaml "^1.10.0"
 
+crc-32@~1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npm.taobao.org/crc-32/download/crc-32-1.2.0.tgz#cb2db6e29b88508e32d9dd0ec1693e7b41a18208"
+  integrity sha1-yy224puIUI4y2d0OwWk+e0Ghggg=
+  dependencies:
+    exit-on-epipe "~1.0.1"
+    printj "~1.1.0"
+
 create-require@^1.1.0:
   version "1.1.1"
   resolved "https://registry.nlark.com/create-require/download/create-require-1.1.1.tgz#c1d7e8f1e5f6cfc9ff65f9cd352d37348756c333"
@@ -3392,6 +3651,11 @@ dargs@^7.0.0:
   resolved "https://registry.nlark.com/dargs/download/dargs-7.0.0.tgz?cache=0&sync_timestamp=1625033394899&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fdargs%2Fdownload%2Fdargs-7.0.0.tgz#04015c41de0bcb69ec84050f3d9be0caf8d6d5cc"
   integrity sha1-BAFcQd4Ly2nshAUPPZvgyvjW1cw=
 
+dateformat@^3.0.0:
+  version "3.0.3"
+  resolved "https://registry.npmmirror.com/dateformat/download/dateformat-3.0.3.tgz#a6e37499a4d9a9cf85ef5872044d62901c9889ae"
+  integrity sha1-puN0maTZqc+F71hyBE1ikByYia4=
+
 dayjs@^1.10.5, dayjs@^1.10.7:
   version "1.10.7"
   resolved "https://registry.npmmirror.com/dayjs/download/dayjs-1.10.7.tgz#2cf5f91add28116748440866a0a1d26f3a6ce468"
@@ -3900,6 +4164,13 @@ eslint-scope@^7.1.0:
     esrecurse "^4.3.0"
     estraverse "^5.2.0"
 
+eslint-utils@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.nlark.com/eslint-utils/download/eslint-utils-2.1.0.tgz#d2de5e03424e707dc10c74068ddedae708741b27"
+  integrity sha1-0t5eA0JOcH3BDHQGjd7a5wh0Gyc=
+  dependencies:
+    eslint-visitor-keys "^1.1.0"
+
 eslint-utils@^3.0.0:
   version "3.0.0"
   resolved "https://registry.nlark.com/eslint-utils/download/eslint-utils-3.0.0.tgz#8aebaface7345bb33559db0a1f13a1d2d48c3672"
@@ -3907,6 +4178,11 @@ eslint-utils@^3.0.0:
   dependencies:
     eslint-visitor-keys "^2.0.0"
 
+eslint-visitor-keys@^1.1.0, eslint-visitor-keys@^1.3.0:
+  version "1.3.0"
+  resolved "https://registry.npmmirror.com/eslint-visitor-keys/download/eslint-visitor-keys-1.3.0.tgz?cache=0&sync_timestamp=1636378420914&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Feslint-visitor-keys%2Fdownload%2Feslint-visitor-keys-1.3.0.tgz#30ebd1ef7c2fdff01c3a4f151044af25fab0523e"
+  integrity sha1-MOvR73wv3/AcOk8VEESvJfqwUj4=
+
 eslint-visitor-keys@^2.0.0:
   version "2.1.0"
   resolved "https://registry.npmmirror.com/eslint-visitor-keys/download/eslint-visitor-keys-2.1.0.tgz?cache=0&sync_timestamp=1636378395014&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Feslint-visitor-keys%2Fdownload%2Feslint-visitor-keys-2.1.0.tgz#f65328259305927392c938ed44eb0a5c9b2bd303"
@@ -3972,6 +4248,15 @@ eslint@^8.6.0:
     text-table "^0.2.0"
     v8-compile-cache "^2.0.3"
 
+espree@^6.0.0:
+  version "6.2.1"
+  resolved "https://registry.npmmirror.com/espree/download/espree-6.2.1.tgz#77fc72e1fd744a2052c20f38a5b575832e82734a"
+  integrity sha1-d/xy4f10SiBSwg84pbV1gy6Cc0o=
+  dependencies:
+    acorn "^7.1.1"
+    acorn-jsx "^5.2.0"
+    eslint-visitor-keys "^1.1.0"
+
 espree@^9.0.0, espree@^9.2.0:
   version "9.2.0"
   resolved "https://registry.npmmirror.com/espree/download/espree-9.2.0.tgz#c50814e01611c2d0f8bd4daa83c369eabba80dbc"
@@ -4092,6 +4377,11 @@ execall@^2.0.0:
   dependencies:
     clone-regexp "^2.1.0"
 
+exit-on-epipe@~1.0.1:
+  version "1.0.1"
+  resolved "https://registry.nlark.com/exit-on-epipe/download/exit-on-epipe-1.0.1.tgz#0bdd92e87d5285d267daa8171d0eb06159689692"
+  integrity sha1-C92S6H1ShdJn2qgXHQ6wYVlolpI=
+
 expand-brackets@^2.1.4:
   version "2.1.4"
   resolved "https://registry.npm.taobao.org/expand-brackets/download/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
@@ -4302,6 +4592,13 @@ find-root@1.1.0:
   resolved "https://registry.npm.taobao.org/find-root/download/find-root-1.1.0.tgz#abcfc8ba76f708c42a97b3d685b7e9450bfb9ce4"
   integrity sha1-q8/Iunb3CMQql7PWhbfpRQv7nOQ=
 
+find-up@^2.0.0:
+  version "2.1.0"
+  resolved "https://registry.npmmirror.com/find-up/download/find-up-2.1.0.tgz#45d1b7e506c717ddd482775a2b77920a3c0c57a7"
+  integrity sha1-RdG35QbHF93UgndaK3eSCjwMV6c=
+  dependencies:
+    locate-path "^2.0.0"
+
 find-up@^4.0.0, find-up@^4.1.0:
   version "4.1.0"
   resolved "https://registry.npmmirror.com/find-up/download/find-up-4.1.0.tgz#97afe7d6cdc0bc5928584b7c8d7b16e8a9aa5d19"
@@ -4375,6 +4672,11 @@ forwarded@0.2.0:
   resolved "https://registry.nlark.com/forwarded/download/forwarded-0.2.0.tgz?cache=0&sync_timestamp=1622503408398&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fforwarded%2Fdownload%2Fforwarded-0.2.0.tgz#2269936428aad4c15c7ebe9779a84bf0b2a81811"
   integrity sha1-ImmTZCiq1MFcfr6XeahL8LKoGBE=
 
+frac@~1.1.2:
+  version "1.1.2"
+  resolved "https://registry.npm.taobao.org/frac/download/frac-1.1.2.tgz#3d74f7f6478c88a1b5020306d747dc6313c74d0b"
+  integrity sha1-PXT39keMiKG1AgMG10fcYxPHTQs=
+
 fraction.js@^4.1.1:
   version "4.1.2"
   resolved "https://registry.npmmirror.com/fraction.js/download/fraction.js-4.1.2.tgz#13e420a92422b6cf244dff8690ed89401029fbe8"
@@ -4464,6 +4766,16 @@ get-intrinsic@^1.0.2:
     has "^1.0.3"
     has-symbols "^1.0.1"
 
+get-pkg-repo@^4.0.0:
+  version "4.2.1"
+  resolved "https://registry.nlark.com/get-pkg-repo/download/get-pkg-repo-4.2.1.tgz#75973e1c8050c73f48190c52047c4cee3acbf385"
+  integrity sha1-dZc+HIBQxz9IGQxSBHxM7jrL84U=
+  dependencies:
+    "@hutson/parse-repository-url" "^3.0.0"
+    hosted-git-info "^4.0.0"
+    through2 "^2.0.0"
+    yargs "^16.2.0"
+
 get-stdin@^8.0.0:
   version "8.0.0"
   resolved "https://registry.npm.taobao.org/get-stdin/download/get-stdin-8.0.0.tgz#cbad6a73feb75f6eeb22ba9e01f89aa28aa97a53"
@@ -4502,6 +4814,40 @@ git-raw-commits@^2.0.0:
     split2 "^3.0.0"
     through2 "^4.0.0"
 
+git-raw-commits@^2.0.8:
+  version "2.0.11"
+  resolved "https://registry.npmmirror.com/git-raw-commits/download/git-raw-commits-2.0.11.tgz#bc3576638071d18655e1cc60d7f524920008d723"
+  integrity sha512-VnctFhw+xfj8Va1xtfEqCUD2XDrbAPSJx+hSrE5K7fGdjZruW7XV+QOrN7LF/RJyvspRiD2I0asWsxFp0ya26A==
+  dependencies:
+    dargs "^7.0.0"
+    lodash "^4.17.15"
+    meow "^8.0.0"
+    split2 "^3.0.0"
+    through2 "^4.0.0"
+
+git-remote-origin-url@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.nlark.com/git-remote-origin-url/download/git-remote-origin-url-2.0.0.tgz#5282659dae2107145a11126112ad3216ec5fa65f"
+  integrity sha1-UoJlna4hBxRaERJhEq0yFuxfpl8=
+  dependencies:
+    gitconfiglocal "^1.0.0"
+    pify "^2.3.0"
+
+git-semver-tags@^4.1.1:
+  version "4.1.1"
+  resolved "https://registry.npm.taobao.org/git-semver-tags/download/git-semver-tags-4.1.1.tgz?cache=0&sync_timestamp=1604539678576&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgit-semver-tags%2Fdownload%2Fgit-semver-tags-4.1.1.tgz#63191bcd809b0ec3e151ba4751c16c444e5b5780"
+  integrity sha1-YxkbzYCbDsPhUbpHUcFsRE5bV4A=
+  dependencies:
+    meow "^8.0.0"
+    semver "^6.0.0"
+
+gitconfiglocal@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/gitconfiglocal/download/gitconfiglocal-1.0.0.tgz#41d045f3851a5ea88f03f24ca1c6178114464b9b"
+  integrity sha1-QdBF84UaXqiPA/JMocYXgRRGS5s=
+  dependencies:
+    ini "^1.3.2"
+
 glob-parent@^5.1.2, glob-parent@~5.1.2:
   version "5.1.2"
   resolved "https://registry.npmmirror.com/glob-parent/download/glob-parent-5.1.2.tgz#869832c58034fe68a4093c17dc15e8340d8401c4"
@@ -4634,6 +4980,18 @@ handle-thing@^2.0.0:
   resolved "https://registry.nlark.com/handle-thing/download/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
   integrity sha1-hX95zjWVgMNA1DCBzGSJcNC7I04=
 
+handlebars@^4.7.7:
+  version "4.7.7"
+  resolved "https://registry.npmmirror.com/handlebars/download/handlebars-4.7.7.tgz#9ce33416aad02dbd6c8fafa8240d5d98004945a1"
+  integrity sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==
+  dependencies:
+    minimist "^1.2.5"
+    neo-async "^2.6.0"
+    source-map "^0.6.1"
+    wordwrap "^1.0.0"
+  optionalDependencies:
+    uglify-js "^3.1.4"
+
 hard-rejection@^2.1.0:
   version "2.1.0"
   resolved "https://registry.npm.taobao.org/hard-rejection/download/hard-rejection-2.1.0.tgz#1c6eda5c1685c63942766d79bb40ae773cecd883"
@@ -4748,7 +5106,7 @@ hosted-git-info@^2.1.4:
   resolved "https://registry.npmmirror.com/hosted-git-info/download/hosted-git-info-2.8.9.tgz#dffc0bf9a21c02209090f2aa69429e1414daf3f9"
   integrity sha1-3/wL+aIcAiCQkPKqaUKeFBTa8/k=
 
-hosted-git-info@^4.0.1:
+hosted-git-info@^4.0.0, hosted-git-info@^4.0.1:
   version "4.0.2"
   resolved "https://registry.npmmirror.com/hosted-git-info/download/hosted-git-info-4.0.2.tgz#5e425507eede4fea846b7262f0838456c4209961"
   integrity sha1-XkJVB+7eT+qEa3Ji8IOEVsQgmWE=
@@ -4970,7 +5328,7 @@ inherits@2.0.3:
   resolved "https://registry.npm.taobao.org/inherits/download/inherits-2.0.3.tgz#633c2c83e3da42a502f52466022480f4208261de"
   integrity sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=
 
-ini@^1.3.4, ini@^1.3.5:
+ini@^1.3.2, ini@^1.3.4, ini@^1.3.5:
   version "1.3.8"
   resolved "https://registry.npm.taobao.org/ini/download/ini-1.3.8.tgz?cache=0&sync_timestamp=1607907834147&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fini%2Fdownload%2Fini-1.3.8.tgz#a29da425b48806f34767a4efce397269af28432c"
   integrity sha1-op2kJbSIBvNHZ6Tvzjlyaa8oQyw=
@@ -5364,7 +5722,7 @@ jsesc@~0.5.0:
   resolved "https://registry.npm.taobao.org/jsesc/download/jsesc-0.5.0.tgz?cache=0&sync_timestamp=1603891232110&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjsesc%2Fdownload%2Fjsesc-0.5.0.tgz#e7dee66e35d6fc16f710fe91d5cf69f70f08911d"
   integrity sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=
 
-json-parse-better-errors@^1.0.2:
+json-parse-better-errors@^1.0.1, json-parse-better-errors@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npm.taobao.org/json-parse-better-errors/download/json-parse-better-errors-1.0.2.tgz#bb867cfb3450e69107c131d1c514bab3dc8bcaa9"
   integrity sha1-u4Z8+zRQ5pEHwTHRxRS6s9yLyqk=
@@ -5389,6 +5747,11 @@ json-stable-stringify-without-jsonify@^1.0.1:
   resolved "https://registry.npm.taobao.org/json-stable-stringify-without-jsonify/download/json-stable-stringify-without-jsonify-1.0.1.tgz#9db7b59496ad3f3cfef30a75142d2d930ad72651"
   integrity sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=
 
+json-stringify-safe@^5.0.1:
+  version "5.0.1"
+  resolved "https://registry.npm.taobao.org/json-stringify-safe/download/json-stringify-safe-5.0.1.tgz?cache=0&sync_timestamp=1589682771374&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjson-stringify-safe%2Fdownload%2Fjson-stringify-safe-5.0.1.tgz#1296a2d58fd45f19a0f6ce01d65701e2c735b6eb"
+  integrity sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=
+
 json5@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npm.taobao.org/json5/download/json5-1.0.1.tgz?cache=0&sync_timestamp=1612146215945&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjson5%2Fdownload%2Fjson5-1.0.1.tgz#779fb0018604fa854eacbf6252180d83543e3dbe"
@@ -5396,13 +5759,24 @@ json5@^1.0.1:
   dependencies:
     minimist "^1.2.0"
 
-json5@^2.1.2:
+json5@^2.1.2, json5@^2.2.0:
   version "2.2.0"
   resolved "https://registry.npm.taobao.org/json5/download/json5-2.2.0.tgz?cache=0&sync_timestamp=1612146215945&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjson5%2Fdownload%2Fjson5-2.2.0.tgz#2dfefe720c6ba525d9ebd909950f0515316c89a3"
   integrity sha1-Lf7+cgxrpSXZ69kJlQ8FFTFsiaM=
   dependencies:
     minimist "^1.2.5"
 
+jsonc-eslint-parser@^1.0.1:
+  version "1.4.1"
+  resolved "https://registry.npmmirror.com/jsonc-eslint-parser/download/jsonc-eslint-parser-1.4.1.tgz#8cbe99f6f5199acbc5a823c4c0b6135411027fa6"
+  integrity sha1-jL6Z9vUZmsvFqCPEwLYTVBECf6Y=
+  dependencies:
+    acorn "^7.4.1"
+    eslint-utils "^2.1.0"
+    eslint-visitor-keys "^1.3.0"
+    espree "^6.0.0"
+    semver "^6.3.0"
+
 jsonfile@^4.0.0:
   version "4.0.0"
   resolved "https://registry.nlark.com/jsonfile/download/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb"
@@ -5515,10 +5889,10 @@ lines-and-columns@^1.1.6:
   resolved "https://registry.npmmirror.com/lines-and-columns/download/lines-and-columns-1.2.4.tgz#eca284f75d2965079309dc0ad9255abb2ebc1632"
   integrity sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==
 
-lint-staged@^12.1.4:
-  version "12.1.4"
-  resolved "https://registry.npmmirror.com/lint-staged/download/lint-staged-12.1.4.tgz#a92ec8509f13018caaafade61d515c2d5873316e"
-  integrity sha512-RgDz9nsFsE0/5eL9Vat0AvCuk0+j5mEuzBIVfrRH5FRtt5wibYe8zTjZs2nuqLFrLAGQGYnj8+HJxolcj08i/A==
+lint-staged@^12.1.5:
+  version "12.1.5"
+  resolved "https://registry.npmmirror.com/lint-staged/download/lint-staged-12.1.5.tgz#e05582fc39aed5cb13b9dd1dfb8330407246d809"
+  integrity sha512-WyKb+0sNKDTd1LwwAfTBPp0XmdaKkAOEbg4oHE4Kq2+oQVchg/VAcjVQtSqZih1izNsTURjc2EkhG/syRQUXdA==
   dependencies:
     cli-truncate "^3.1.0"
     colorette "^2.0.16"
@@ -5548,6 +5922,16 @@ listr2@^3.13.5:
     through "^2.3.8"
     wrap-ansi "^7.0.0"
 
+load-json-file@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.nlark.com/load-json-file/download/load-json-file-4.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fload-json-file%2Fdownload%2Fload-json-file-4.0.0.tgz#2f5f45ab91e33216234fd53adab668eb4ec0993b"
+  integrity sha1-L19Fq5HjMhYjT9U62rZo607AmTs=
+  dependencies:
+    graceful-fs "^4.1.2"
+    parse-json "^4.0.0"
+    pify "^3.0.0"
+    strip-bom "^3.0.0"
+
 loader-runner@^4.1.0, loader-runner@^4.2.0:
   version "4.2.0"
   resolved "https://registry.npm.taobao.org/loader-runner/download/loader-runner-4.2.0.tgz?cache=0&sync_timestamp=1610027918622&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Floader-runner%2Fdownload%2Floader-runner-4.2.0.tgz#d7022380d66d14c5fb1d496b89864ebcfd478384"
@@ -5571,6 +5955,14 @@ loader-utils@^2.0.0:
     emojis-list "^3.0.0"
     json5 "^2.1.2"
 
+locate-path@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.nlark.com/locate-path/download/locate-path-2.0.0.tgz?cache=0&sync_timestamp=1629895618224&other_urls=https%3A%2F%2Fregistry.nlark.com%2Flocate-path%2Fdownload%2Flocate-path-2.0.0.tgz#2b568b265eec944c6d9c0de9c3dbbbca0354cd8e"
+  integrity sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=
+  dependencies:
+    p-locate "^2.0.0"
+    path-exists "^3.0.0"
+
 locate-path@^5.0.0:
   version "5.0.0"
   resolved "https://registry.nlark.com/locate-path/download/locate-path-5.0.0.tgz?cache=0&sync_timestamp=1629895618224&other_urls=https%3A%2F%2Fregistry.nlark.com%2Flocate-path%2Fdownload%2Flocate-path-5.0.0.tgz#1afba396afd676a6d42504d0a67a3a7eb9f62aa0"
@@ -5607,6 +5999,11 @@ lodash.defaultsdeep@^4.6.1:
   resolved "https://registry.npm.taobao.org/lodash.defaultsdeep/download/lodash.defaultsdeep-4.6.1.tgz#512e9bd721d272d94e3d3a63653fa17516741ca6"
   integrity sha1-US6b1yHSctlOPTpjZT+hdRZ0HKY=
 
+lodash.ismatch@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.npm.taobao.org/lodash.ismatch/download/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
+  integrity sha1-dWy1FQyjum8RCFp4hJZF8Yj4Xzc=
+
 lodash.kebabcase@^4.1.1:
   version "4.1.1"
   resolved "https://registry.npm.taobao.org/lodash.kebabcase/download/lodash.kebabcase-4.1.1.tgz#8489b1cb0d29ff88195cceca448ff6d6cc295c36"
@@ -5984,6 +6381,11 @@ mockjs@^1.1.0:
   dependencies:
     commander "*"
 
+modify-values@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.nlark.com/modify-values/download/modify-values-1.0.1.tgz?cache=0&sync_timestamp=1631251701228&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fmodify-values%2Fdownload%2Fmodify-values-1.0.1.tgz#b3939fa605546474e3e3e3c63d64bd43b4ee6022"
+  integrity sha1-s5OfpgVUZHTj4+PGPWS9Q7TuYCI=
+
 module-alias@^2.2.2:
   version "2.2.2"
   resolved "https://registry.nlark.com/module-alias/download/module-alias-2.2.2.tgz#151cdcecc24e25739ff0aa6e51e1c5716974c0e0"
@@ -6082,7 +6484,7 @@ negotiator@0.6.2:
   resolved "https://registry.npm.taobao.org/negotiator/download/negotiator-0.6.2.tgz?cache=0&sync_timestamp=1589682752355&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnegotiator%2Fdownload%2Fnegotiator-0.6.2.tgz#feacf7ccf525a77ae9634436a64883ffeca346fb"
   integrity sha1-/qz3zPUlp3rpY0Q2pkiD/+yjRvs=
 
-neo-async@^2.6.1, neo-async@^2.6.2:
+neo-async@^2.6.0, neo-async@^2.6.1, neo-async@^2.6.2:
   version "2.6.2"
   resolved "https://registry.npm.taobao.org/neo-async/download/neo-async-2.6.2.tgz?cache=0&sync_timestamp=1594317434347&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fneo-async%2Fdownload%2Fneo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
   integrity sha1-tKr7k+OustgXTKU88WOrfXMIMF8=
@@ -6126,7 +6528,7 @@ node-releases@^2.0.1:
   resolved "https://registry.npmmirror.com/node-releases/download/node-releases-2.0.1.tgz#3d1d395f204f1f2f29a54358b9fb678765ad2fc5"
   integrity sha1-PR05XyBPHy8ppUNYuftnh2WtL8U=
 
-normalize-package-data@^2.5.0:
+normalize-package-data@^2.3.2, normalize-package-data@^2.5.0:
   version "2.5.0"
   resolved "https://registry.nlark.com/normalize-package-data/download/normalize-package-data-2.5.0.tgz?cache=0&sync_timestamp=1629301872905&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fnormalize-package-data%2Fdownload%2Fnormalize-package-data-2.5.0.tgz#e66db1838b200c1dfc233225d12cb36520e234a8"
   integrity sha1-5m2xg4sgDB38IzIl0SyzZSDiNKg=
@@ -6342,6 +6744,13 @@ p-finally@^1.0.0:
   resolved "https://registry.npm.taobao.org/p-finally/download/p-finally-1.0.0.tgz#3fbcfb15b899a44123b34b6dcc18b724336a2cae"
   integrity sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=
 
+p-limit@^1.1.0:
+  version "1.3.0"
+  resolved "https://registry.nlark.com/p-limit/download/p-limit-1.3.0.tgz#b86bd5f0c25690911c7590fcbfc2010d54b3ccb8"
+  integrity sha1-uGvV8MJWkJEcdZD8v8IBDVSzzLg=
+  dependencies:
+    p-try "^1.0.0"
+
 p-limit@^2.2.0:
   version "2.3.0"
   resolved "https://registry.nlark.com/p-limit/download/p-limit-2.3.0.tgz#3dd33c647a214fdfffd835933eb086da0dc21db1"
@@ -6356,6 +6765,13 @@ p-limit@^3.0.2:
   dependencies:
     yocto-queue "^0.1.0"
 
+p-locate@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.nlark.com/p-locate/download/p-locate-2.0.0.tgz?cache=0&sync_timestamp=1629892721671&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fp-locate%2Fdownload%2Fp-locate-2.0.0.tgz#20a0103b222a70c8fd39cc2e580680f3dde5ec43"
+  integrity sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=
+  dependencies:
+    p-limit "^1.1.0"
+
 p-locate@^4.1.0:
   version "4.1.0"
   resolved "https://registry.nlark.com/p-locate/download/p-locate-4.1.0.tgz?cache=0&sync_timestamp=1629892721671&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fp-locate%2Fdownload%2Fp-locate-4.1.0.tgz#a3428bb7088b3a60292f66919278b7c297ad4f07"
@@ -6385,6 +6801,11 @@ p-retry@^4.5.0:
     "@types/retry" "^0.12.0"
     retry "^0.13.1"
 
+p-try@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmmirror.com/p-try/download/p-try-1.0.0.tgz?cache=0&sync_timestamp=1633364462890&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fp-try%2Fdownload%2Fp-try-1.0.0.tgz#cbc79cdbaf8fd4228e13f621f2b1a237c1b207b3"
+  integrity sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=
+
 p-try@^2.0.0:
   version "2.2.0"
   resolved "https://registry.npmmirror.com/p-try/download/p-try-2.2.0.tgz?cache=0&sync_timestamp=1633364462890&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fp-try%2Fdownload%2Fp-try-2.2.0.tgz#cb2868540e313d61de58fafbe35ce9004d5540e6"
@@ -6405,6 +6826,14 @@ parent-module@^1.0.0:
   dependencies:
     callsites "^3.0.0"
 
+parse-json@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmmirror.com/parse-json/download/parse-json-4.0.0.tgz?cache=0&sync_timestamp=1637475717072&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fparse-json%2Fdownload%2Fparse-json-4.0.0.tgz#be35f5425be1f7f6c747184f98a788cb99477ee0"
+  integrity sha1-vjX1Qlvh9/bHRxhPmKeIy5lHfuA=
+  dependencies:
+    error-ex "^1.3.1"
+    json-parse-better-errors "^1.0.1"
+
 parse-json@^5.0.0:
   version "5.2.0"
   resolved "https://registry.npmmirror.com/parse-json/download/parse-json-5.2.0.tgz?cache=0&sync_timestamp=1637475717072&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fparse-json%2Fdownload%2Fparse-json-5.2.0.tgz#c76fc66dee54231c962b22bcc8a72cf2f99753cd"
@@ -6475,6 +6904,11 @@ path-browserify@^1.0.1:
   resolved "https://registry.npm.taobao.org/path-browserify/download/path-browserify-1.0.1.tgz#d98454a9c3753d5790860f16f68867b9e46be1fd"
   integrity sha1-2YRUqcN1PVeQhg8W9ohnueRr4f0=
 
+path-exists@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.nlark.com/path-exists/download/path-exists-3.0.0.tgz#ce0ebeaa5f78cb18925ea7d810d7b59b010fd515"
+  integrity sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=
+
 path-exists@^4.0.0:
   version "4.0.0"
   resolved "https://registry.nlark.com/path-exists/download/path-exists-4.0.0.tgz#513bdbe2d3b95d7762e8c1137efa195c6c61b5b3"
@@ -6505,6 +6939,13 @@ path-to-regexp@0.1.7:
   resolved "https://registry.npm.taobao.org/path-to-regexp/download/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
   integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
 
+path-type@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.nlark.com/path-type/download/path-type-3.0.0.tgz#cef31dc8e0a1a3bb0d105c0cd97cf3bf47f4e36f"
+  integrity sha1-zvMdyOCho7sNEFwM2Xzzv0f0428=
+  dependencies:
+    pify "^3.0.0"
+
 path-type@^4.0.0:
   version "4.0.0"
   resolved "https://registry.nlark.com/path-type/download/path-type-4.0.0.tgz#84ed01c0a7ba380afe09d90a8c180dcd9d03043b"
@@ -6525,6 +6966,16 @@ picomatch@^2.0.4, picomatch@^2.2.1, picomatch@^2.2.3:
   resolved "https://registry.nlark.com/picomatch/download/picomatch-2.3.0.tgz?cache=0&sync_timestamp=1621648246651&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fpicomatch%2Fdownload%2Fpicomatch-2.3.0.tgz#f1f061de8f6a4bf022892e2d128234fb98302972"
   integrity sha1-8fBh3o9qS/AiiS4tEoI0+5gwKXI=
 
+pify@^2.3.0:
+  version "2.3.0"
+  resolved "https://registry.npm.taobao.org/pify/download/pify-2.3.0.tgz#ed141a6ac043a849ea588498e7dca8b15330e90c"
+  integrity sha1-7RQaasBDqEnqWISY59yosVMw6Qw=
+
+pify@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/pify/download/pify-3.0.0.tgz#e5a4acd2c101fdf3d9a4d07f0dbc4db49dd28176"
+  integrity sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=
+
 pify@^4.0.1:
   version "4.0.1"
   resolved "https://registry.npm.taobao.org/pify/download/pify-4.0.1.tgz#4b2cd25c50d598735c50292224fd8c6df41e3231"
@@ -6936,6 +7387,21 @@ pretty-error@^4.0.0:
     lodash "^4.17.20"
     renderkid "^3.0.0"
 
+printj@~1.1.0:
+  version "1.1.2"
+  resolved "https://registry.nlark.com/printj/download/printj-1.1.2.tgz#d90deb2975a8b9f600fb3a1c94e3f4c53c78a222"
+  integrity sha1-2Q3rKXWoufYA+zoclOP0xTx4oiI=
+
+printj@~1.2.2:
+  version "1.2.3"
+  resolved "https://registry.nlark.com/printj/download/printj-1.2.3.tgz#2cfb2b192a1e5385dbbe5b46658ac34aa828508a"
+  integrity sha1-LPsrGSoeU4XbvltGZYrDSqgoUIo=
+
+printj@~1.3.0:
+  version "1.3.0"
+  resolved "https://registry.nlark.com/printj/download/printj-1.3.0.tgz#9018a918a790e43707f10625d6e10187a367cff6"
+  integrity sha1-kBipGKeQ5DcH8QYl1uEBh6Nnz/Y=
+
 process-nextick-args@~2.0.0:
   version "2.0.1"
   resolved "https://registry.npm.taobao.org/process-nextick-args/download/process-nextick-args-2.0.1.tgz#7820d9b16120cc55ca9ae7792680ae7dba6d7fe2"
@@ -7043,6 +7509,14 @@ raw-body@2.4.2:
     iconv-lite "0.4.24"
     unpipe "1.0.0"
 
+read-pkg-up@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npmmirror.com/read-pkg-up/download/read-pkg-up-3.0.0.tgz#3ed496685dba0f8fe118d0691dc51f4a1ff96f07"
+  integrity sha1-PtSWaF26D4/hGNBpHcUfSh/5bwc=
+  dependencies:
+    find-up "^2.0.0"
+    read-pkg "^3.0.0"
+
 read-pkg-up@^7.0.1:
   version "7.0.1"
   resolved "https://registry.npmmirror.com/read-pkg-up/download/read-pkg-up-7.0.1.tgz#f3a6135758459733ae2b95638056e1854e7ef507"
@@ -7052,6 +7526,15 @@ read-pkg-up@^7.0.1:
     read-pkg "^5.2.0"
     type-fest "^0.8.1"
 
+read-pkg@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.nlark.com/read-pkg/download/read-pkg-3.0.0.tgz?cache=0&sync_timestamp=1628984695234&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fread-pkg%2Fdownload%2Fread-pkg-3.0.0.tgz#9cbc686978fee65d16c00e2b19c237fcf6e38389"
+  integrity sha1-nLxoaXj+5l0WwA4rGcI3/Pbjg4k=
+  dependencies:
+    load-json-file "^4.0.0"
+    normalize-package-data "^2.3.2"
+    path-type "^3.0.0"
+
 read-pkg@^5.1.1, read-pkg@^5.2.0:
   version "5.2.0"
   resolved "https://registry.nlark.com/read-pkg/download/read-pkg-5.2.0.tgz?cache=0&sync_timestamp=1628984695234&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fread-pkg%2Fdownload%2Fread-pkg-5.2.0.tgz#7bf295438ca5a33e56cd30e053b34ee7250c93cc"
@@ -7071,7 +7554,7 @@ readable-stream@3, readable-stream@^3.0.0, readable-stream@^3.0.6, readable-stre
     string_decoder "^1.1.1"
     util-deprecate "^1.0.1"
 
-readable-stream@^2.0.1:
+readable-stream@^2.0.1, readable-stream@~2.3.6:
   version "2.3.7"
   resolved "https://registry.npm.taobao.org/readable-stream/download/readable-stream-2.3.7.tgz#1eca1cf711aef814c04f62252a36a62f6cb23b57"
   integrity sha1-Hsoc9xGu+BTAT2IlKjamL2yyO1c=
@@ -7688,16 +8171,16 @@ source-map-url@^0.4.0:
   resolved "https://registry.npm.taobao.org/source-map-url/download/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56"
   integrity sha1-CvZmBadFpaL5HPG7+KevvCg97FY=
 
+source-map@0.6.1, source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
+  version "0.6.1"
+  resolved "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
+  integrity sha1-dHIq8y6WFOnCh6jQu95IteLxomM=
+
 source-map@^0.5.0, source-map@^0.5.6:
   version "0.5.7"
   resolved "https://registry.npm.taobao.org/source-map/download/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
   integrity sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=
 
-source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
-  version "0.6.1"
-  resolved "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
-  integrity sha1-dHIq8y6WFOnCh6jQu95IteLxomM=
-
 source-map@~0.7.2:
   version "0.7.3"
   resolved "https://registry.npm.taobao.org/source-map/download/source-map-0.7.3.tgz#5302f8169031735226544092e64981f751750383"
@@ -7776,6 +8259,20 @@ split2@^3.0.0:
   dependencies:
     readable-stream "^3.0.0"
 
+split@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npm.taobao.org/split/download/split-1.0.1.tgz#605bd9be303aa59fb35f9229fbea0ddec9ea07d9"
+  integrity sha1-YFvZvjA6pZ+zX5Ip++oN3snqB9k=
+  dependencies:
+    through "2"
+
+ssf@~0.11.2:
+  version "0.11.2"
+  resolved "https://registry.npm.taobao.org/ssf/download/ssf-0.11.2.tgz#0b99698b237548d088fc43cdf2b70c1a7512c06c"
+  integrity sha1-C5lpiyN1SNCI/EPN8rcMGnUSwGw=
+  dependencies:
+    frac "~1.1.2"
+
 ssri@^8.0.1:
   version "8.0.1"
   resolved "https://registry.nlark.com/ssri/download/ssri-8.0.1.tgz?cache=0&sync_timestamp=1621364626710&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fssri%2Fdownload%2Fssri-8.0.1.tgz#638e4e439e2ffbd2cd289776d5ca457c4f51a2af"
@@ -7896,6 +8393,11 @@ strip-bom@4.0.0:
   resolved "https://registry.npm.taobao.org/strip-bom/download/strip-bom-4.0.0.tgz?cache=0&sync_timestamp=1618599587805&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-bom%2Fdownload%2Fstrip-bom-4.0.0.tgz#9c3505c1db45bcedca3d9cf7a16f5c5aa3901878"
   integrity sha1-nDUFwdtFvO3KPZz3oW9cWqOQGHg=
 
+strip-bom@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.npm.taobao.org/strip-bom/download/strip-bom-3.0.0.tgz?cache=0&sync_timestamp=1618599587805&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-bom%2Fdownload%2Fstrip-bom-3.0.0.tgz#2334c18e9c759f7bdd56fdef7e9ae3d588e68ed3"
+  integrity sha1-IzTBjpx1n3vdVv3vfprj1YjmjtM=
+
 strip-eof@^1.0.0:
   version "1.0.0"
   resolved "https://registry.npmmirror.com/strip-eof/download/strip-eof-1.0.0.tgz#bb43ff5598a6eb05d89b59fcd129c983313606bf"
@@ -8135,6 +8637,19 @@ tapable@^2.0.0, tapable@^2.1.1, tapable@^2.2.0:
   resolved "https://registry.npmmirror.com/tapable/download/tapable-2.2.1.tgz#1967a73ef4060a82f12ab96af86d52fdb76eeca0"
   integrity sha512-GNzQvQTOIP6RyTfE2Qxb8ZVlNmw0n88vp1szwWRimP02mnTsx3Wtn5qRdqY9w2XduFNUgvOwhNnQsjwCp+kqaQ==
 
+temp-dir@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npm.taobao.org/temp-dir/download/temp-dir-2.0.0.tgz#bde92b05bdfeb1516e804c9c00ad45177f31321e"
+  integrity sha1-vekrBb3+sVFugEycAK1FF38xMh4=
+
+tempfile@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.nlark.com/tempfile/download/tempfile-3.0.0.tgz?cache=0&sync_timestamp=1623137708433&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ftempfile%2Fdownload%2Ftempfile-3.0.0.tgz#5376a3492de7c54150d0cc0612c3f00e2cdaf76c"
+  integrity sha1-U3ajSS3nxUFQ0MwGEsPwDiza92w=
+  dependencies:
+    temp-dir "^2.0.0"
+    uuid "^3.3.2"
+
 terser-webpack-plugin@^5.1.1, terser-webpack-plugin@^5.1.3:
   version "5.3.0"
   resolved "https://registry.npmmirror.com/terser-webpack-plugin/download/terser-webpack-plugin-5.3.0.tgz#21641326486ecf91d8054161c816e464435bae9f"
@@ -8190,6 +8705,14 @@ thread-loader@^3.0.0:
     neo-async "^2.6.2"
     schema-utils "^3.0.0"
 
+through2@^2.0.0:
+  version "2.0.5"
+  resolved "https://registry.npm.taobao.org/through2/download/through2-2.0.5.tgz#01c1e39eb31d07cb7d03a96a70823260b23132cd"
+  integrity sha1-AcHjnrMdB8t9A6lqcIIyYLIxMs0=
+  dependencies:
+    readable-stream "~2.3.6"
+    xtend "~4.0.1"
+
 through2@^4.0.0:
   version "4.0.2"
   resolved "https://registry.npm.taobao.org/through2/download/through2-4.0.2.tgz#a7ce3ac2a7a8b0b966c80e7c49f0484c3b239764"
@@ -8197,7 +8720,7 @@ through2@^4.0.0:
   dependencies:
     readable-stream "3"
 
-"through@>=2.2.7 <3", through@^2.3.6, through@^2.3.8:
+through@2, "through@>=2.2.7 <3", through@^2.3.6, through@^2.3.8:
   version "2.3.8"
   resolved "https://registry.npm.taobao.org/through/download/through-2.3.8.tgz#0dd4c9ffaabc357960b1b724115d7e0e86a2e1f5"
   integrity sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=
@@ -8378,6 +8901,11 @@ typescript@^4.4.3, typescript@^4.5.4:
   resolved "https://registry.npmmirror.com/typescript/download/typescript-4.5.4.tgz#a17d3a0263bf5c8723b9c52f43c5084edf13c2e8"
   integrity sha512-VgYs2A2QIRuGphtzFV7aQJduJ2gyfTljngLzjpfW9FoYZF6xuw1W0vW9ghCKLfcWrCFxK81CSGRAvS1pn4fIUg==
 
+uglify-js@^3.1.4:
+  version "3.14.5"
+  resolved "https://registry.npmmirror.com/uglify-js/download/uglify-js-3.14.5.tgz#cdabb7d4954231d80cb4a927654c4655e51f4859"
+  integrity sha512-qZukoSxOG0urUTvjc2ERMTcAy+BiFh3weWAkeurLwjrCba73poHmG3E36XEjd/JGukMzwTL7uCxZiAexj8ppvQ==
+
 unicode-canonical-property-names-ecmascript@^2.0.0:
   version "2.0.0"
   resolved "https://registry.nlark.com/unicode-canonical-property-names-ecmascript/download/unicode-canonical-property-names-ecmascript-2.0.0.tgz?cache=0&sync_timestamp=1631615505724&other_urls=https%3A%2F%2Fregistry.nlark.com%2Funicode-canonical-property-names-ecmascript%2Fdownload%2Funicode-canonical-property-names-ecmascript-2.0.0.tgz#301acdc525631670d39f6146e0e77ff6bbdebddc"
@@ -8483,6 +9011,11 @@ utils-merge@1.0.1:
   resolved "https://registry.npm.taobao.org/utils-merge/download/utils-merge-1.0.1.tgz#9f95710f50a267947b2ccc124741c1028427e713"
   integrity sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=
 
+uuid@^3.3.2:
+  version "3.4.0"
+  resolved "https://registry.npmmirror.com/uuid/download/uuid-3.4.0.tgz#b23e4358afa8a202fe7a100af1f5f883f02007ee"
+  integrity sha512-HjSDRw6gZE5JMggctHBcjVak08+KEVhSIiDzFnT9S9aegmp85S/bReBVTb4QTFaRNptJ9kuYaNhnbNEOkbKb/A==
+
 uuid@^8.3.2:
   version "8.3.2"
   resolved "https://registry.npmmirror.com/uuid/download/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2"
@@ -8537,6 +9070,16 @@ vue-hot-reload-api@^2.3.0:
   resolved "https://registry.npm.taobao.org/vue-hot-reload-api/download/vue-hot-reload-api-2.3.4.tgz#532955cc1eb208a3d990b3a9f9a70574657e08f2"
   integrity sha1-UylVzB6yCKPZkLOp+acFdGV+CPI=
 
+vue-i18n@^9.2.0-beta.26:
+  version "9.2.0-beta.26"
+  resolved "https://registry.npmmirror.com/vue-i18n/download/vue-i18n-9.2.0-beta.26.tgz#79ff5151837c645c9a91af03724ed28a09a1f3db"
+  integrity sha512-xZgisyirT9hXFyXBL8pO8bYgdG7m98NLAUhbb1O9hMQS1qOXYU902+LIJA5k3BtoeiEIfjkGADHhSAlJTTzc9A==
+  dependencies:
+    "@intlify/core-base" "9.2.0-beta.26"
+    "@intlify/shared" "9.2.0-beta.26"
+    "@intlify/vue-devtools" "9.2.0-beta.26"
+    "@vue/devtools-api" "^6.0.0-beta.13"
+
 vue-loader@^16.8.2:
   version "16.8.3"
   resolved "https://registry.npmmirror.com/vue-loader/download/vue-loader-16.8.3.tgz#d43e675def5ba9345d6c7f05914c13d861997087"
@@ -8800,11 +9343,26 @@ windicss@^3.4.0:
   resolved "https://registry.npmmirror.com/windicss/download/windicss-3.4.1.tgz#3337a228a99853d232d07f6f9725d263c29dd5ee"
   integrity sha512-g6mX0q8divtPT+TSWqvI35lc77pOhGwMrwCdcX48dFA16wUlSDn1kOv5z1msZy3SlWLx3Bjbe7FA6uNTvdVH8A==
 
+wmf@~1.0.1:
+  version "1.0.2"
+  resolved "https://registry.npm.taobao.org/wmf/download/wmf-1.0.2.tgz#7d19d621071a08c2bdc6b7e688a9c435298cc2da"
+  integrity sha1-fRnWIQcaCMK9xrfmiKnENSmMwto=
+
 word-wrap@^1.0.3, word-wrap@^1.2.3:
   version "1.2.3"
   resolved "https://registry.npm.taobao.org/word-wrap/download/word-wrap-1.2.3.tgz?cache=0&sync_timestamp=1589683603678&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fword-wrap%2Fdownload%2Fword-wrap-1.2.3.tgz#610636f6b1f703891bd34771ccb17fb93b47079c"
   integrity sha1-YQY29rH3A4kb00dxzLF/uTtHB5w=
 
+word@~0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npm.taobao.org/word/download/word-0.3.0.tgz#8542157e4f8e849f4a363a288992d47612db9961"
+  integrity sha1-hUIVfk+OhJ9KNjooiZLUdhLbmWE=
+
+wordwrap@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.nlark.com/wordwrap/download/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
+  integrity sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=
+
 wrap-ansi@^3.0.1:
   version "3.0.1"
   resolved "https://registry.nlark.com/wrap-ansi/download/wrap-ansi-3.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fwrap-ansi%2Fdownload%2Fwrap-ansi-3.0.1.tgz#288a04d87eda5c286e060dfe8f135ce8d007f8ba"
@@ -8861,11 +9419,29 @@ ws@~8.2.3:
   resolved "https://registry.npmmirror.com/ws/download/ws-8.2.3.tgz#63a56456db1b04367d0b721a0b80cae6d8becbba"
   integrity sha1-Y6VkVtsbBDZ9C3IaC4DK5ti+y7o=
 
+xlsx@^0.17.4:
+  version "0.17.4"
+  resolved "https://registry.npmmirror.com/xlsx/download/xlsx-0.17.4.tgz#dc3e3a0954c835f4d0fdd643645db6f4ac3f28f2"
+  integrity sha512-9aKt8g9ZLP0CUdBX8L5xnoMDFwSiLI997eQnDThCaqQMYB9AEBIRzblSSNN/ICMGLYIHUO3VKaItcedZJ3ijIg==
+  dependencies:
+    adler-32 "~1.2.0"
+    cfb "^1.1.4"
+    codepage "~1.15.0"
+    crc-32 "~1.2.0"
+    ssf "~0.11.2"
+    wmf "~1.0.1"
+    word "~0.3.0"
+
 xmlhttprequest-ssl@~2.0.0:
   version "2.0.0"
   resolved "https://registry.nlark.com/xmlhttprequest-ssl/download/xmlhttprequest-ssl-2.0.0.tgz?cache=0&sync_timestamp=1623924549480&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fxmlhttprequest-ssl%2Fdownload%2Fxmlhttprequest-ssl-2.0.0.tgz#91360c86b914e67f44dce769180027c0da618c67"
   integrity sha1-kTYMhrkU5n9E3OdpGAAnwNphjGc=
 
+xtend@~4.0.1:
+  version "4.0.2"
+  resolved "https://registry.npm.taobao.org/xtend/download/xtend-4.0.2.tgz?cache=0&sync_timestamp=1589682817913&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fxtend%2Fdownload%2Fxtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54"
+  integrity sha1-u3J3n1+kZRhrH0OPZ0+jR/2121Q=
+
 y18n@^5.0.5:
   version "5.0.8"
   resolved "https://registry.npm.taobao.org/y18n/download/y18n-5.0.8.tgz?cache=0&sync_timestamp=1617822684820&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fy18n%2Fdownload%2Fy18n-5.0.8.tgz#7f4934d0f7ca8c56f95314939ddcd2dd91ce1d55"
@@ -8881,6 +9457,15 @@ yallist@^4.0.0:
   resolved "https://registry.npm.taobao.org/yallist/download/yallist-4.0.0.tgz#9bb92790d9c0effec63be73519e11a35019a3a72"
   integrity sha1-m7knkNnA7/7GO+c1GeEaNQGaOnI=
 
+yaml-eslint-parser@^0.3.2:
+  version "0.3.2"
+  resolved "https://registry.npmmirror.com/yaml-eslint-parser/download/yaml-eslint-parser-0.3.2.tgz#c7f5f3904f1c06ad55dc7131a731b018426b4898"
+  integrity sha1-x/XzkE8cBq1V3HExpzGwGEJrSJg=
+  dependencies:
+    eslint-visitor-keys "^1.3.0"
+    lodash "^4.17.20"
+    yaml "^1.10.0"
+
 yaml@^1.10.0, yaml@^1.10.2, yaml@^1.7.2:
   version "1.10.2"
   resolved "https://registry.npmmirror.com/yaml/download/yaml-1.10.2.tgz?cache=0&sync_timestamp=1636797257089&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fyaml%2Fdownload%2Fyaml-1.10.2.tgz#2301c5ffbf12b467de8da2333a459e29e7920e4b"
@@ -8896,7 +9481,7 @@ yargs-parser@^21.0.0:
   resolved "https://registry.npmmirror.com/yargs-parser/download/yargs-parser-21.0.0.tgz?cache=0&sync_timestamp=1637031023704&other_urls=https%3A%2F%2Fregistry.npmmirror.com%2Fyargs-parser%2Fdownload%2Fyargs-parser-21.0.0.tgz#a485d3966be4317426dd56bdb6a30131b281dc55"
   integrity sha512-z9kApYUOCwoeZ78rfRYYWdiU/iNL6mwwYlkkZfJoyMR1xps+NEBX5X7XmRpxkZHhXJ6+Ey00IwKxBBSW9FIjyA==
 
-yargs@^16.0.0:
+yargs@^16.0.0, yargs@^16.2.0:
   version "16.2.0"
   resolved "https://registry.npmmirror.com/yargs/download/yargs-16.2.0.tgz#1c82bf0f6b6a66eafce7ef30e376f49a12477f66"
   integrity sha1-HIK/D2tqZur85+8w43b0mhJHf2Y=