style: eslint+prettier格式化

838318c8 · WizardEpoch · f6903cc9 · 838318c8 · 838318c8 · 838318c8
Commit 838318c8 authored Jun 27, 2023 by WizardEpoch
30 changed files
--- a/.env
+++ b/.env
 # port
-VITE_PORT = 3100
+VITE_PORT = 80
 #  网站标题
-VITE_GLOB_APP_TITLE = JeecgBoot 企业级低代码平台
+VITE_GLOB_APP_TITLE = 工务系统
 # 简称，用于配置文件名字 不要出现空格、数字开头等特殊字符
-VITE_GLOB_APP_SHORT_NAME = JeecgBootAdmin
+VITE_GLOB_APP_SHORT_NAME = WorkSystem
 # 单点登录服务端地址
-VITE_GLOB_APP_CAS_BASE_URL=http://cas.test.com:8443/cas
+VITE_GLOB_APP_CAS_BASE_URL=http://47.94.207.62
 # 是否开启单点登录
 VITE_GLOB_APP_OPEN_SSO = false
 # 开启微前端模式
-VITE_GLOB_APP_OPEN_QIANKUN=true
+VITE_GLOB_APP_OPEN_QIANKUN=false
 # 文件预览地址
 VITE_GLOB_ONLINE_VIEW_URL=http://fileview.jeecg.com/onlinePreview

--- a/.env.development
+++ b/.env.development
@@ -5,16 +5,16 @@ VITE_USE_MOCK = true
 VITE_PUBLIC_PATH = /
 # 跨域代理，您可以配置多个 ,请注意，没有换行符
-VITE_PROXY = [["/jeecgboot","http://localhost:8080/jeecg-boot"],["/upload","http://localhost:3300/upload"]]
+VITE_PROXY =  [["/hzsomms","http://192.168.11.39/hzsomms"],["/upload","http://localhost:3300/upload"]]
 # 控制台不输出
 VITE_DROP_CONSOLE = false
 #后台接口父地址(必填)
-VITE_GLOB_API_URL=/jeecgboot
+VITE_GLOB_API_URL=/hzsomms
 #后台接口全路径地址(必填)
-VITE_GLOB_DOMAIN_URL=http://localhost:8080/jeecg-boot
+VITE_GLOB_DOMAIN_URL=http://192.168.11.39/hzsomms
 # 接口前缀
 VITE_GLOB_API_URL_PREFIX=

--- a/.env.production
+++ b/.env.production
@@ -19,7 +19,7 @@ VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE = false
 VITE_GLOB_API_URL=/jeecgboot
 #后台接口全路径地址(必填)
-VITE_GLOB_DOMAIN_URL=http://jeecg-boot-system:8080/jeecg-boot
+VITE_GLOB_DOMAIN_URL=http://47.94.207.62/hzsomms
 # 接口父路径前缀
 VITE_GLOB_API_URL_PREFIX=

--- a/.gitee/ISSUE_TEMPLATE.md
+++ b/.gitee/ISSUE_TEMPLATE.md
-##### 版本号：
-##### 问题描述：
-##### 截图&代码：
-#### 友情提示（为了提高issue处理效率）：
-  - 未按格式要求发帖，会被直接删掉;
-  - 描述过于简单或模糊，导致无法分析处理的，会被直接删掉；
-  - 请自己初判问题描述是否清楚，是否方便我们调查处理；
--- a/LICENSE
+++ b/LICENSE
-MIT License
-Copyright (c) 2020-present, Jeecg
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-开源协议补充
-  JeecgBoot 是由 北京敲敲云科技有限公司 发行的软件。 总部位于北京，地址：中国·北京·朝阳区科荟前街1号院奥林佳泰大厦。邮箱：jeecgos@163.com
-  本软件受适用的国家软件著作权法（包括国际条约）和双重保护许可。
- 1.允许基于本平台软件开展业务系统开发。
- 2.不得基于该平台软件的基础，修改包装成一个与JeecgBoot平台软件功能类似的产品进行发布、销售，或与JeecgBoot参与同类软件产品市场的竞争。
- 违反此条款属于侵权行为，须赔偿侵权经济损失，同时立即停止著作权侵权行为。
- 解释权归：http://www.jeecg.com
\ No newline at end of file
--- a/README.md
+++ b/README.md
@@ -6,8 +6,6 @@ JEECG BOOT 低代码开发平台（Vue3前端）
 [![](https://img.shields.io/badge/Author-北京敲敲云科技-orange.svg)](http://www.jeecg.com)
 [![](https://img.shields.io/badge/Blog-官方博客-blue.svg)](https://jeecg.blog.csdn.net)
 [![](https://img.shields.io/badge/version-3.5.2-brightgreen.svg)](https://github.com/zhangdaiscott/jeecg-boot)
-[![GitHub stars](https://img.shields.io/github/stars/zhangdaiscott/jeecg-boot.svg?style=social&label=Stars)](https://github.com/zhangdaiscott/jeecg-boot)
-[![GitHub forks](https://img.shields.io/github/forks/zhangdaiscott/jeecg-boot.svg?style=social&label=Fork)](https://github.com/zhangdaiscott/jeecg-boot)

--- a/build/config/themeConfig.ts
+++ b/build/config/themeConfig.ts
@@ -15,7 +15,10 @@ export interface GenerateColorsParams {
  color?: string;
 }
-export function generateAntColors(color: string, theme: GenerateTheme = 'default') {
+export function generateAntColors(
+  color: string,
+  theme: GenerateTheme = 'default'
+) {
  return generate(color, {
    theme,
  });
@@ -51,7 +54,9 @@ export function generateColors({
      .toRgbString();
  });
-  const shortAlphaColors = alphaColors.map((item) => item.replace(/\s/g, '').replace(/0\./g, '.'));
+  const shortAlphaColors = alphaColors.map((item) =>
+    item.replace(/\s/g, '').replace(/0\./g, '.')
+  );
  const tinycolorLightens = arr
    .map((_t, i) => {

--- a/build/generate/icon/index.ts
+++ b/build/generate/icon/index.ts
@@ -14,7 +14,11 @@ async function generateIcon() {
    id,
  }));
-  const choices = collections.map((item) => ({ key: item.id, value: item.id, name: item.name }));
+  const choices = collections.map((item) => ({
+    key: item.id,
+    value: item.id,
+    name: item.name,
+  }));
  inquirer
    .prompt([
@@ -44,24 +48,38 @@ async function generateIcon() {
      const { iconSet, output, useType } = answers;
      const outputDir = path.resolve(process.cwd(), output);
      fs.ensureDir(outputDir);
-      const genCollections = collections.filter((item) => [iconSet].includes(item.id));
+      const genCollections = collections.filter((item) =>
+        [iconSet].includes(item.id)
+      );
      const prefixSet: string[] = [];
      for (const info of genCollections) {
-        const data = await fs.readJSON(path.join(dir, 'json', `${info.id}.json`));
+        const data = await fs.readJSON(
+          path.join(dir, 'json', `${info.id}.json`)
+        );
        if (data) {
          const { prefix } = data;
          const isLocal = useType === 'local';
-          const icons = Object.keys(data.icons).map((item) => `${isLocal ? prefix + ':' : ''}${item}`);
+          const icons = Object.keys(data.icons).map(
+            (item) => `${isLocal ? prefix + ':' : ''}${item}`
+          );
          await fs.writeFileSync(
            path.join(output, `icons.data.ts`),
-            `export default ${isLocal ? JSON.stringify(icons) : JSON.stringify({ prefix, icons })}`
+            `export default ${
+              isLocal
+                ? JSON.stringify(icons)
+                : JSON.stringify({ prefix, icons })
+            }`
          );
          prefixSet.push(prefix);
        }
      }
      fs.emptyDir(path.join(process.cwd(), 'node_modules/.vite'));
-      console.log(`✨ ${colors.cyan(`[${pkg.name}]`)}` + ' - Icon generated successfully:' + `[${prefixSet}]`);
+      console.log(
+        `✨ ${colors.cyan(`[${pkg.name}]`)}` +
+          ' - Icon generated successfully:' +
+          `[${prefixSet}]`
+      );
    });
 }

--- a/build/getConfigFileName.ts
+++ b/build/getConfigFileName.ts
@@ -3,5 +3,7 @@
 * @param env
 */
 export const getConfigFileName = (env: Record<string, any>) => {
-  return `__PRODUCTION__${env.VITE_GLOB_APP_SHORT_NAME || '__APP'}__CONF__`.toUpperCase().replace(/\s/g, '');
+  return `__PRODUCTION__${env.VITE_GLOB_APP_SHORT_NAME || '__APP'}__CONF__`
+    .toUpperCase()
+    .replace(/\s/g, '');
 };
--- a/build/script/buildConf.ts
+++ b/build/script/buildConf.ts
@@ -33,15 +33,28 @@ function createConfig(params: CreateConfigParams) {
    fs.mkdirp(getRootPath(OUTPUT_DIR));
    writeFileSync(getRootPath(`${OUTPUT_DIR}/${configFileName}`), configStr);
-    console.log(colors.cyan(`✨ [${pkg.name}]`) + ` - configuration file is build successfully:`);
+    console.log(
-    console.log(colors.gray(OUTPUT_DIR + '/' + colors.green(configFileName)) + '\n');
+      colors.cyan(`✨ [${pkg.name}]`) +
+        ` - configuration file is build successfully:`
+    );
+    console.log(
+      colors.gray(OUTPUT_DIR + '/' + colors.green(configFileName)) + '\n'
+    );
  } catch (error) {
-    console.log(colors.red('configuration file configuration file failed to package:\n' + error));
+    console.log(
+      colors.red(
+        'configuration file configuration file failed to package:\n' + error
+      )
+    );
  }
 }
 export function runBuildConfig() {
  const config = getEnvConfig();
  const configFileName = getConfigFileName(config);
-  createConfig({ config, configName: configFileName, configFileName: GLOB_CONFIG_FILE_NAME });
+  createConfig({
+    config,
+    configName: configFileName,
+    configFileName: GLOB_CONFIG_FILE_NAME,
+  });
 }
--- a/build/script/postBuild.ts
+++ b/build/script/postBuild.ts
@@ -14,7 +14,9 @@ export const runBuild = async () => {
      runBuildConfig();
    }
-    console.log(`✨ ${colors.cyan(`[${pkg.name}]`)}` + ' - build successfully!');
+    console.log(
+      `✨ ${colors.cyan(`[${pkg.name}]`)}` + ' - build successfully!'
+    );
  } catch (error) {
    console.log(colors.red('vite build error:\n' + error));
    process.exit(1);

--- a/build/vite/plugin/index.ts
+++ b/build/vite/plugin/index.ts
@@ -17,11 +17,17 @@ import { configVisualizerConfig } from './visualizer';
 import { configThemePlugin } from './theme';
 import { configImageminPlugin } from './imagemin';
 import { configSvgIconsPlugin } from './svgSprite';
-import OptimizationPersist from 'vite-plugin-optimize-persist'
+import OptimizationPersist from 'vite-plugin-optimize-persist';
-import PkgConfig from 'vite-plugin-package-config'
+import PkgConfig from 'vite-plugin-package-config';
 export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
-  const { VITE_USE_IMAGEMIN, VITE_USE_MOCK, VITE_LEGACY, VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE } = viteEnv;
+  const {
+    VITE_USE_IMAGEMIN,
+    VITE_USE_MOCK,
+    VITE_LEGACY,
+    VITE_BUILD_COMPRESS,
+    VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE,
+  } = viteEnv;
  const vitePlugins: (PluginOption | PluginOption[])[] = [
    // have to
@@ -69,7 +75,12 @@ export function createVitePlugins(viteEnv: ViteEnv, isBuild: boolean) {
    VITE_USE_IMAGEMIN && vitePlugins.push(configImageminPlugin());
    // rollup-plugin-gzip
-    vitePlugins.push(configCompressPlugin(VITE_BUILD_COMPRESS, VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE));
+    vitePlugins.push(
+      configCompressPlugin(
+        VITE_BUILD_COMPRESS,
+        VITE_BUILD_COMPRESS_DELETE_ORIGIN_FILE
+      )
+    );
    // vite-plugin-pwa
    vitePlugins.push(configPwaConfig(viteEnv));

--- a/package.json
+++ b/package.json
 {
-  "name": "jeecgboot-vue3",
+  "name": "WorkSystem",
-  "version": "3.5.2",
+  "version": "1.0.0",
-  "author": {
-    "name": "jeecg",
-    "email": "jeecgos@163.com",
-    "url": "https://github.com/jeecgboot/jeecgboot-vue3"
-  },
  "scripts": {
    "bootstrap": "pnpm install",
    "serve": "npm run dev",

--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/prettier.config.js
+++ b/prettier.config.js
 module.exports = {
-  printWidth: 150,
+  printWidth: 80,
  tabWidth: 2,
  useTabs: false,
  semi: true, //语句末尾使用分号

--- a/src/api/sys/menu.ts
+++ b/src/api/sys/menu.ts
@@ -13,13 +13,15 @@ enum Api {
 export const getMenuList = () => {
  return new Promise((resolve) => {
    //为了兼容mock和接口数据
-    defHttp.get<getMenuListResultModel>({ url: Api.GetMenuList }).then((res) => {
+    defHttp
-      if (Array.isArray(res)) {
+      .get<getMenuListResultModel>({ url: Api.GetMenuList })
-        resolve(res);
+      .then((res) => {
-      } else {
+        if (Array.isArray(res)) {
-        resolve(res['menu']);
+          resolve(res);
-      }
+        } else {
-    });
+          resolve(res['menu']);
+        }
+      });
  });
 };

--- a/src/api/sys/upload.ts
+++ b/src/api/sys/upload.ts
@@ -8,7 +8,10 @@ const { uploadUrl = '' } = useGlobSetting();
 /**
 * @description: Upload interface
 */
-export function uploadApi(params: UploadFileParams, onUploadProgress: (progressEvent: ProgressEvent) => void) {
+export function uploadApi(
+  params: UploadFileParams,
+  onUploadProgress: (progressEvent: ProgressEvent) => void
+) {
  return defHttp.uploadFile<UploadApiResult>(
    {
      url: uploadUrl,
@@ -20,7 +23,10 @@ export function uploadApi(params: UploadFileParams, onUploadProgress: (progressE
 /**
 * @description: Upload interface
 */
-export function uploadImg(params: UploadFileParams, onUploadProgress: (progressEvent: ProgressEvent) => void) {
+export function uploadImg(
+  params: UploadFileParams,
+  onUploadProgress: (progressEvent: ProgressEvent) => void
+) {
  return defHttp.uploadFile<UploadApiResult>(
    {
      url: `${uploadUrl}/sys/common/upload`,

--- a/src/api/sys/user.ts
+++ b/src/api/sys/user.ts
 import { defHttp } from '/@/utils/http/axios';
-import { LoginParams, LoginResultModel, GetUserInfoModel } from './model/userModel';
+import {
+  LoginParams,
+  LoginResultModel,
+  GetUserInfoModel,
+} from './model/userModel';
 import { ErrorMessageMode } from '/#/axios';
 import { useMessage } from '/@/hooks/web/useMessage';
@@ -47,7 +51,10 @@ enum Api {
 /**
 * @description: user login api
 */
-export function loginApi(params: LoginParams, mode: ErrorMessageMode = 'modal') {
+export function loginApi(
+  params: LoginParams,
+  mode: ErrorMessageMode = 'modal'
+) {
  return defHttp.post<LoginResultModel>(
    {
      url: Api.Login,
@@ -62,7 +69,10 @@ export function loginApi(params: LoginParams, mode: ErrorMessageMode = 'modal')
 /**
 * @description: user phoneLogin api
 */
-export function phoneLoginApi(params: LoginParams, mode: ErrorMessageMode = 'modal') {
+export function phoneLoginApi(
+  params: LoginParams,
+  mode: ErrorMessageMode = 'modal'
+) {
  return defHttp.post<LoginResultModel>(
    {
      url: Api.phoneLogin,
@@ -78,17 +88,19 @@ export function phoneLoginApi(params: LoginParams, mode: ErrorMessageMode = 'mod
 * @description: getUserInfo
 */
 export function getUserInfo() {
-  return defHttp.get<GetUserInfoModel>({ url: Api.GetUserInfo }, {}).catch((e) => {
+  return defHttp
-    // update-begin--author:zyf---date:20220425---for:【VUEN-76】捕获接口超时异常,跳转到登录界面
+    .get<GetUserInfoModel>({ url: Api.GetUserInfo }, {})
-    if (e && (e.message.includes('timeout') || e.message.includes('401'))) {
+    .catch((e) => {
-      //接口不通时跳转到登录界面
+      // update-begin--author:zyf---date:20220425---for:【VUEN-76】捕获接口超时异常,跳转到登录界面
-      const userStore = useUserStoreWithOut();
+      if (e && (e.message.includes('timeout') || e.message.includes('401'))) {
-      userStore.setToken('');
+        //接口不通时跳转到登录界面
-      setAuthCache(TOKEN_KEY, null);
+        const userStore = useUserStoreWithOut();
-      router.push(PageEnum.BASE_LOGIN);
+        userStore.setToken('');
-    }
+        setAuthCache(TOKEN_KEY, null);
-    // update-end--author:zyf---date:20220425---for:【VUEN-76】捕获接口超时异常,跳转到登录界面
+        router.push(PageEnum.BASE_LOGIN);
-  });
+      }
+      // update-end--author:zyf---date:20220425---for:【VUEN-76】捕获接口超时异常,跳转到登录界面
+    });
 }
 export function getPermCode() {
@@ -108,15 +120,20 @@ export function getCodeInfo(currdatetime) {
 */
 export function getCaptcha(params) {
  return new Promise((resolve, reject) => {
-    defHttp.post({ url: Api.getCaptcha, params }, { isTransformResponse: false }).then((res) => {
+    defHttp
-      console.log(res);
+      .post({ url: Api.getCaptcha, params }, { isTransformResponse: false })
-      if (res.success) {
+      .then((res) => {
-        resolve(true);
+        console.log(res);
-      } else {
+        if (res.success) {
-        createErrorModal({ title: '错误提示', content: res.message || '未知问题' });
+          resolve(true);
-        reject();
+        } else {
-      }
+          createErrorModal({
-    });
+            title: '错误提示',
+            content: res.message || '未知问题',
+          });
+          reject();
+        }
+      });
  });
 }
@@ -124,24 +141,39 @@ export function getCaptcha(params) {
 * @description: 注册接口
 */
 export function register(params) {
-  return defHttp.post({ url: Api.registerApi, params }, { isReturnNativeResponse: true });
+  return defHttp.post(
+    { url: Api.registerApi, params },
+    { isReturnNativeResponse: true }
+  );
 }
 /**
 *校验用户是否存在
 * @param params
 */
-export const checkOnlyUser = (params) => defHttp.get({ url: Api.checkOnlyUser, params }, { isTransformResponse: false });
+export const checkOnlyUser = (params) =>
+  defHttp.get(
+    { url: Api.checkOnlyUser, params },
+    { isTransformResponse: false }
+  );
 /**
 *校验手机号码
 * @param params
 */
-export const phoneVerify = (params) => defHttp.post({ url: Api.phoneVerify, params }, { isTransformResponse: false });
+export const phoneVerify = (params) =>
+  defHttp.post(
+    { url: Api.phoneVerify, params },
+    { isTransformResponse: false }
+  );
 /**
 *密码修改
 * @param params
 */
-export const passwordChange = (params) => defHttp.get({ url: Api.passwordChange, params }, { isTransformResponse: false });
+export const passwordChange = (params) =>
+  defHttp.get(
+    { url: Api.passwordChange, params },
+    { isTransformResponse: false }
+  );
 /**
 * @description: 第三方登录
 */
@@ -160,15 +192,23 @@ export function thirdLogin(params, mode: ErrorMessageMode = 'modal') {
 */
 export function setThirdCaptcha(params) {
  return new Promise((resolve, reject) => {
-    defHttp.post({ url: Api.getThirdCaptcha, params }, { isTransformResponse: false }).then((res) => {
+    defHttp
-      console.log(res);
+      .post(
-      if (res.success) {
+        { url: Api.getThirdCaptcha, params },
-        resolve(true);
+        { isTransformResponse: false }
-      } else {
+      )
-        createErrorModal({ title: '错误提示', content: res.message || '未知问题' });
+      .then((res) => {
-        reject();
+        console.log(res);
-      }
+        if (res.success) {
-    });
+          resolve(true);
+        } else {
+          createErrorModal({
+            title: '错误提示',
+            content: res.message || '未知问题',
+          });
+          reject();
+        }
+      });
  });
 }

--- a/src/directives/clickOutside.ts
+++ b/src/directives/clickOutside.ts
 import { on } from '/@/utils/domUtils';
 import { isServer } from '/@/utils/is';
-import type { ComponentPublicInstance, DirectiveBinding, ObjectDirective } from 'vue';
+import type {
+  ComponentPublicInstance,
+  DirectiveBinding,
+  ObjectDirective,
+} from 'vue';
 type DocumentHandler = <T extends MouseEvent>(mouseup: T, mousedown: T) => void;
@@ -25,7 +29,10 @@ if (!isServer) {
  });
 }
-function createDocumentHandler(el: HTMLElement, binding: DirectiveBinding): DocumentHandler {
+function createDocumentHandler(
+  el: HTMLElement,
+  binding: DirectiveBinding
+): DocumentHandler {
  let excludes: HTMLElement[] = [];
  if (Array.isArray(binding.arg)) {
    excludes = binding.arg;
@@ -43,14 +50,26 @@ function createDocumentHandler(el: HTMLElement, binding: DirectiveBinding): Docu
    const mouseDownTarget = mousedown.target as Node;
    const isBound = !binding || !binding.instance;
    const isTargetExists = !mouseUpTarget || !mouseDownTarget;
-    const isContainedByEl = el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
+    const isContainedByEl =
+      el.contains(mouseUpTarget) || el.contains(mouseDownTarget);
    const isSelf = el === mouseUpTarget;
    const isTargetExcluded =
-      (excludes.length && excludes.some((item) => item?.contains(mouseUpTarget))) ||
+      (excludes.length &&
+        excludes.some((item) => item?.contains(mouseUpTarget))) ||
      (excludes.length && excludes.includes(mouseDownTarget as HTMLElement));
-    const isContainedByPopper = popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget));
+    const isContainedByPopper =
-    if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
+      popperRef &&
+      (popperRef.contains(mouseUpTarget) ||
+        popperRef.contains(mouseDownTarget));
+    if (
+      isBound ||
+      isTargetExists ||
+      isContainedByEl ||
+      isSelf ||
+      isTargetExcluded ||
+      isContainedByPopper
+    ) {
      return;
    }
    binding.value();

--- a/src/layouts/page/index.vue
+++ b/src/layouts/page/index.vue
@@ -46,9 +46,12 @@
      const { getOpenKeepAlive, getCanEmbedIFramePage } = useRootSetting();
-      const { getBasicTransition, getEnableTransition } = useTransitionSetting();
+      const { getBasicTransition, getEnableTransition } =
+        useTransitionSetting();
-      const openCache = computed(() => unref(getOpenKeepAlive) && unref(getShowMultipleTab));
+      const openCache = computed(
+        () => unref(getOpenKeepAlive) && unref(getShowMultipleTab)
+      );
      const getCaches = computed((): string[] => {
        if (!unref(getOpenKeepAlive)) {

--- a/src/router/constant.ts
+++ b/src/router/constant.ts
@@ -4,7 +4,8 @@ export const PARENT_LAYOUT_NAME = 'ParentLayout';
 export const PAGE_NOT_FOUND_NAME = 'PageNotFound';
-export const EXCEPTION_COMPONENT = () => import('/@/views/sys/exception/Exception.vue');
+export const EXCEPTION_COMPONENT = () =>
+  import('/@/views/sys/exception/Exception.vue');
 /**
 * @description: default layout

--- a/src/router/index.ts
+++ b/src/router/index.ts
 import type { RouteRecordRaw } from 'vue-router';
 import type { App } from 'vue';
-import { createRouter, createWebHashHistory, createWebHistory } from 'vue-router';
+import { createRouter, createWebHistory } from 'vue-router';
 import { basicRoutes } from './routes';
 // 白名单应该包含基本静态路由

--- a/src/router/types.ts
+++ b/src/router/types.ts
@@ -2,7 +2,10 @@ import type { RouteRecordRaw, RouteMeta } from 'vue-router';
 import { RoleEnum } from '/@/enums/roleEnum';
 import { defineComponent } from 'vue';
-export type Component<T extends any = any> = ReturnType<typeof defineComponent> | (() => Promise<typeof import('*.vue')>) | (() => Promise<T>);
+export type Component<T = any> =
+  | ReturnType<typeof defineComponent>
+  | (() => Promise<typeof import('*.vue')>)
+  | (() => Promise<T>);
 // @ts-ignore
 export interface AppRouteRecordRaw extends Omit<RouteRecordRaw, 'meta'> {
@@ -45,9 +48,8 @@ export interface Menu {
  tag?: MenuTag;
  hideMenu?: boolean;
  alwaysShow?: boolean;
 }
 export interface MenuModule {

--- a/src/store/modules/app.ts
+++ b/src/store/modules/app.ts
-import type { ProjectConfig, HeaderSetting, MenuSetting, TransitionSetting, MultiTabsSetting } from '/#/config';
+import type {
+  ProjectConfig,
+  HeaderSetting,
+  MenuSetting,
+  TransitionSetting,
+  MultiTabsSetting,
+} from '/#/config';
 import type { BeforeMiniState } from '/#/store';
 import { defineStore } from 'pinia';
@@ -20,7 +26,7 @@ interface AppState {
  // When the window shrinks, remember some states, and restore these states when the window is restored
  beforeMiniInfo: BeforeMiniState;
  // 页面跳转临时参数存储
-  messageHrefParams: any
+  messageHrefParams: any;
 }
 let timeId: TimeoutHandle;
 export const useAppStore = defineStore({
@@ -30,14 +36,16 @@ export const useAppStore = defineStore({
    pageLoading: false,
    projectConfig: Persistent.getLocal(PROJ_CFG_KEY),
    beforeMiniInfo: {},
-    messageHrefParams: {}
+    messageHrefParams: {},
  }),
  getters: {
    getPageLoading(): boolean {
      return this.pageLoading;
    },
    getDarkMode(): 'light' | 'dark' | string {
-      return this.darkMode || localStorage.getItem(APP_DARK_MODE_KEY_) || darkMode;
+      return (
+        this.darkMode || localStorage.getItem(APP_DARK_MODE_KEY_) || darkMode
+      );
    },
    getBeforeMiniInfo(): BeforeMiniState {
@@ -60,9 +68,9 @@ export const useAppStore = defineStore({
    getMultiTabsSetting(): MultiTabsSetting {
      return this.getProjectConfig.multiTabsSetting;
    },
-    getMessageHrefParams():any{
+    getMessageHrefParams(): any {
      return this.messageHrefParams;
-    }
+    },
  },
  actions: {
    setPageLoading(loading: boolean): void {
@@ -102,7 +110,6 @@ export const useAppStore = defineStore({
    setMessageHrefParams(params: any): void {
      this.messageHrefParams = params;
    },
  },
 });

--- a/src/store/modules/permission.ts
+++ b/src/store/modules/permission.ts
@@ -6,7 +6,11 @@ import { useI18n } from '/@/hooks/web/useI18n';
 import { useUserStore } from './user';
 import { useAppStoreWithOut } from './app';
 import { toRaw } from 'vue';
-import { transformObjToRoute, flatMultiLevelRoutes, addSlashToRouteComponent } from '/@/router/helper/routeHelper';
+import {
+  transformObjToRoute,
+  flatMultiLevelRoutes,
+  addSlashToRouteComponent,
+} from '/@/router/helper/routeHelper';
 import { transformRouteToMenu } from '/@/router/helper/menuHelper';
 import projectSetting from '/@/settings/projectSetting';
@@ -18,7 +22,7 @@ import { ERROR_LOG_ROUTE, PAGE_NOT_FOUND_ROUTE } from '/@/router/routes/basic';
 import { filter } from '/@/utils/helper/treeHelper';
-import { getMenuList,switchVue3Menu } from '/@/api/sys/menu';
+import { getMenuList, switchVue3Menu } from '/@/api/sys/menu';
 import { getPermCode } from '/@/api/sys/user';
 import { useMessage } from '/@/hooks/web/useMessage';
@@ -136,7 +140,8 @@ export const usePermissionStore = defineStore({
      let routes: AppRouteRecordRaw[] = [];
      const roleList = toRaw(userStore.getRoleList) || [];
-      const { permissionMode = projectSetting.permissionMode } = appStore.getProjectConfig;
+      const { permissionMode = projectSetting.permissionMode } =
+        appStore.getProjectConfig;
      const routeFilter = (route: AppRouteRecordRaw) => {
        const { meta } = route;
@@ -156,7 +161,8 @@ export const usePermissionStore = defineStore({
       * */
      const patchHomeAffix = (routes: AppRouteRecordRaw[]) => {
        if (!routes || routes.length === 0) return;
-        let homePath: string = userStore.getUserInfo.homePath || PageEnum.BASE_HOME;
+        let homePath: string =
+          userStore.getUserInfo.homePath || PageEnum.BASE_HOME;
        function patcher(routes: AppRouteRecordRaw[], parentPath = '') {
          if (parentPath) parentPath = parentPath + '/';
          routes.forEach((route: AppRouteRecordRaw) => {
@@ -245,10 +251,10 @@ export const usePermissionStore = defineStore({
                    title: '检测提示',
                    content:
                      '当前菜单表是 <b>Vue2版本</b>，导致菜单加载异常!<br>点击确认，切换到Vue3版菜单！',
-                    onOk:function () {
+                    onOk: function () {
                      switchVue3Menu();
                      location.reload();
-                    }
+                    },
                  }),
                100
              );

--- a/tsconfig.json
+++ b/tsconfig.json
@@ -17,7 +17,7 @@
    "noUnusedParameters": true,
    "experimentalDecorators": true,
    "lib": ["dom", "esnext"],
-    "types": ["vite/client", "jest"],
+    "types": ["vite/client", "jest", "ant-design-vue"],
    "typeRoots": ["./node_modules/@types/", "./types"],
    "noImplicitAny": false,
    "skipLibCheck": true,

--- a/types/config.d.ts
+++ b/types/config.d.ts
-import { MenuTypeEnum, MenuModeEnum, TriggerEnum, MixSidebarTriggerEnum } from '/@/enums/menuEnum';
+import {
+  MenuTypeEnum,
+  MenuModeEnum,
+  TriggerEnum,
+  MixSidebarTriggerEnum,
+} from '/@/enums/menuEnum';
 import {
  ContentEnum,
  PermissionModeEnum,

--- a/types/global.d.ts
+++ b/types/global.d.ts
-import type { ComponentRenderProxy, VNode, VNodeChild, ComponentPublicInstance, FunctionalComponent, PropType as VuePropType } from 'vue';
+import type {
+  ComponentRenderProxy,
+  VNode,
+  VNodeChild,
+  ComponentPublicInstance,
+  FunctionalComponent,
+  PropType as VuePropType,
+} from 'vue';
 declare global {
  const __APP_INFO__: {
@@ -88,5 +95,7 @@ declare global {
 }
 declare module 'vue' {
-  export type JSXComponent<Props = any> = { new (): ComponentPublicInstance<Props> } | FunctionalComponent<Props>;
+  export type JSXComponent<Props = any> =
+    | { new (): ComponentPublicInstance<Props> }
+    | FunctionalComponent<Props>;
 }
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -27,7 +27,8 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
  // The boolean type read by loadEnv is a string. This function can be converted to boolean type
  const viteEnv = wrapperEnv(env);
-  const { VITE_PORT, VITE_PUBLIC_PATH, VITE_PROXY, VITE_DROP_CONSOLE } = viteEnv;
+  const { VITE_PORT, VITE_PUBLIC_PATH, VITE_PROXY, VITE_DROP_CONSOLE } =
+    viteEnv;
  const isBuild = command === 'build';

--- a/windi.config.ts
+++ b/windi.config.ts
@@ -37,13 +37,14 @@ function createEnterPlugin(maxOutput = 8) {
      [`*> .-enter-${d}:nth-child(${index})`]: {
        transform: `translate${upd}(-50px)`,
      },
-      [`* > .enter-${d}:nth-child(${index}),* > .-enter-${d}:nth-child(${index})`]: {
+      [`* > .enter-${d}:nth-child(${index}),* > .-enter-${d}:nth-child(${index})`]:
-        'z-index': `${10 - index}`,
+        {
-        opacity: '0',
+          'z-index': `${10 - index}`,
-        animation: `enter-${d}-animation 0.4s ease-in-out 0.3s`,
+          opacity: '0',
-        'animation-fill-mode': 'forwards',
+          animation: `enter-${d}-animation 0.4s ease-in-out 0.3s`,
-        'animation-delay': `${(index * 1) / 10}s`,
+          'animation-fill-mode': 'forwards',
-      },
+          'animation-delay': `${(index * 1) / 10}s`,
+        },
    };
  };
  const handler = ({ addBase }) => {