feat: 项目环境配置, 新增登录相关,新增环境变量

 # Proxy
 VITE_GLOB_PROXY = [["/api", "http://222.180.200.114:48080/api"]]
 
+# Api prefix
+VITE_GLOB_API_URL = /api
+
+# 
+VITE_GLOB_API_URL_PREFIX = /yt
+
 # 内容安全协议
 VITE_GLOB_CONTENT_SECURITY_POLICY = false

 # Proxy
 VITE_GLOB_PROXY = [["/api", "http://222.180.200.114:48080/api"]]
 
+# Api prefix
+VITE_GLOB_API_URL = /api
+ 
+VITE_GLOB_API_URL_PREFIX = /yt
+
 # 内容安全协议
 VITE_GLOB_CONTENT_SECURITY_POLICY = true

@@ -2,22 +2,27 @@ module.exports = {
   root: true,
   parser: 'vue-eslint-parser',
   globals: {
-    postMessage: true
+    postMessage: true,
   },
   parserOptions: {
     parser: '@typescript-eslint/parser',
     sourceType: 'module',
     ecmaFeatures: {
       jsx: true,
-      tsx: true
-    }
+      tsx: true,
+    },
   },
   env: {
-    node: true,
+    'node': true,
     // The Follow config only works with eslint-plugin-vue v8.0.0+
-    'vue/setup-compiler-macros': true
+    'vue/setup-compiler-macros': true,
   },
-  extends: ['plugin:vue/vue3-essential', 'eslint:recommended'],
+  extends: [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    'plugin:import/typescript',
+    'plugin:@typescript-eslint/recommended',
+  ],
   rules: {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
@@ -25,6 +30,6 @@ module.exports = {
     'vue/no-unused-vars': 'off',
     'vue/multi-word-component-names': 'off',
     'vue/valid-template-root': 'off',
-    'vue/no-mutating-props': 'off'
-  }
+    'vue/no-mutating-props': 'off',
+  },
 }

-import { getGlobalConfigName } from "./getGlobConfigName";
-
-
-export function getAppEnvConfig() {
-  const ENV_NAME = getGlobalConfigName(import.meta.env);
-
-  const ENV = (import.meta.env.DEV
-    ? // Get the global configuration (the configuration will be extracted independently when packaging)
-    (import.meta.env as unknown as GlobEnvConfig)
-    : window[ENV_NAME as any]) as unknown as GlobEnvConfig;
-  const {
-    VITE_GLOB_APP_TITLE,
-    VITE_GLOB_APP_SHORT_NAME,
-    VITE_GLOB_CONTENT_SECURITY_POLICY,
-  } = ENV;
-
-  if (!/^[a-zA-Z\_]*$/.test(VITE_GLOB_APP_SHORT_NAME)) {
-    console.warn(
-      `VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.`
-    );
-  }
-
-  return {
-    VITE_GLOB_APP_TITLE,
-    VITE_GLOB_APP_SHORT_NAME,
-    VITE_GLOB_CONTENT_SECURITY_POLICY,
-  };
-}
-
-export const useGlobSetting = (): Readonly<GlobConfig> => {
-  const {
-    VITE_GLOB_APP_TITLE,
-    VITE_GLOB_APP_SHORT_NAME,
-    VITE_GLOB_CONTENT_SECURITY_POLICY,
-  } = getAppEnvConfig();
-
-  if (!/[a-zA-Z\_]*/.test(VITE_GLOB_APP_SHORT_NAME)) {
-    console.warn(
-      `VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.`
-    );
-  }
-
-  // Take global configuration
-  const glob: Readonly<GlobConfig> = {
-    title: VITE_GLOB_APP_TITLE,
-    securityPolicy: VITE_GLOB_CONTENT_SECURITY_POLICY,
-  };
-
-  return glob as Readonly<GlobConfig>;
-};

@@ -53,7 +53,7 @@
     "@types/node": "^16.11.26",
     "@types/qs": "^6.9.7",
     "@types/three": "^0.144.0",
-    "@typescript-eslint/eslint-plugin": "^5.18.0",
+    "@typescript-eslint/eslint-plugin": "^5.28.0",
     "@typescript-eslint/parser": "^5.18.0",
     "@vicons/carbon": "^0.12.0",
     "@vicons/ionicons5": "~0.11.0",

@@ -12,7 +12,7 @@ specifiers:
   '@types/node': ^16.11.26
   '@types/qs': ^6.9.7
   '@types/three': ^0.144.0
-  '@typescript-eslint/eslint-plugin': ^5.18.0
+  '@typescript-eslint/eslint-plugin': ^5.28.0
   '@typescript-eslint/parser': ^5.18.0
   '@vicons/carbon': ^0.12.0
   '@vicons/ionicons5': ~0.11.0

@@ -7,14 +7,11 @@ export const useGlobSetting = (): Readonly<GlobConfig> => {
     VITE_GLOB_API_URL,
     VITE_GLOB_APP_SHORT_NAME,
     VITE_GLOB_API_URL_PREFIX,
-    VITE_GLOB_UPLOAD_URL,
-    VITE_GLOB_CONFIGURATION,
+    VITE_GLOB_UPLOAD_URL, 
     VITE_GLOB_WEB_SOCKET,
-    VITE_GLOB_CONTENT_SECURITY_POLICY,
-    VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME,
-    VITE_GLOB_ALARM_NOTIFY_DURATION,
+    VITE_GLOB_CONTENT_SECURITY_POLICY, 
   } = getAppEnvConfig();
-
+  
   if (!/[a-zA-Z_]*/.test(VITE_GLOB_APP_SHORT_NAME)) {
     console.warn(
       `VITE_GLOB_APP_SHORT_NAME Variables can only be characters/underscores, please modify in the environment variables and re-running.`
@@ -27,12 +24,10 @@ export const useGlobSetting = (): Readonly<GlobConfig> => {
     apiUrl: VITE_GLOB_API_URL,
     shortName: VITE_GLOB_APP_SHORT_NAME,
     urlPrefix: VITE_GLOB_API_URL_PREFIX,
-    uploadUrl: VITE_GLOB_UPLOAD_URL,
-    configurationPrefix: VITE_GLOB_CONFIGURATION,
+    uploadUrl: VITE_GLOB_UPLOAD_URL, 
     socketUrl: VITE_GLOB_WEB_SOCKET,
     securityPolicy: VITE_GLOB_CONTENT_SECURITY_POLICY,
-    alarmNotifyDuration: VITE_GLOB_ALARM_NOTIFY_DURATION,
-    alarmPollingInterval: VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME,
   };
+ 
   return glob as Readonly<GlobConfig>;
 };

@@ -14,7 +14,7 @@ export const groupTitle = "分组"
 // 主题配置
 export const theme = {
   // 默认是否开启深色主题
-  darkTheme: true,
+  darkTheme: false,
   //默认主题色
   appTheme: '#51d6a9',
   appThemeDetail: null,

@@ -12,7 +12,7 @@ import {
   RefreshTokenParams,
   SmsLoginParams,
 } from '@/api/external/sys/model/userModel';
-import { doRefreshToken, loginApi } from '@/api/external/sys/user';
+import { doRefreshToken, getMyInfo, loginApi } from '@/api/external/sys/user';
 import router from '@/router';
 import { createLocalStorage } from '@/utils/external/cache';
 import { useI18n } from 'vue-i18n';
@@ -133,12 +133,25 @@ export const useUserStore = defineStore({
       try {
         const { goHome = true, mode, ...loginParams } = params;
         const data = await loginApi(loginParams, mode);
+        return this.process(data, goHome);
       } catch (error) {
         return Promise.reject(error);
       }
     },
     async process(data: LoginResultModel, goHome?: boolean) {
+      const { token, refreshToken } = data;
+      this.storeToken(token, refreshToken);
+      // get user info
+      const userInfo = await this.getMyUserInfoAction();
 
+      const sessionTimeout = this.sessionTimeout;
+      if (sessionTimeout) {
+        this.setSessionTimeout(false);
+      } else if (goHome) {
+
+        await router.replace(userInfo.homePath || PageEnum.BASE_HOME);
+      }
+      return userInfo;
     },
     async smsCodelogin(
       params: SmsLoginParams & {
@@ -149,7 +162,12 @@ export const useUserStore = defineStore({
 
     },
     async getMyUserInfoAction() {
-
+      const userInfo = await getMyInfo();
+      this.setUserInfo(userInfo);
+      const { roles } = userInfo;
+      const roleList = roles.map((item) => item) as RoleEnum[];
+      this.setRoleList(roleList);
+      return userInfo;
     },
     /**
      * @description: logout

 import type { GlobEnvConfig } from '/#/external/config';
- 
-import pkg from '../../../../package.json'; 
-import { getGlobalConfigName } from 'build/external/globConfig/getGlobConfigName';
+
+import pkg from '../../../../package.json';
+import { getGlobalConfigName } from '../../../../build/external/globConfig/getGlobConfigName';
 
 export function getCommonStoragePrefix() {
   const { VITE_GLOB_APP_SHORT_NAME } = getAppEnvConfig();
@@ -18,8 +18,9 @@ export function getAppEnvConfig() {
 
   const ENV = (import.meta.env.DEV
     ? // Get the global configuration (the configuration will be extracted independently when packaging)
-      (import.meta.env as unknown as GlobEnvConfig)
+    (import.meta.env as unknown as GlobEnvConfig)
     : window[ENV_NAME as any]) as unknown as GlobEnvConfig;
+ 
   const {
     VITE_GLOB_APP_TITLE,
     VITE_GLOB_API_URL,

 import type { ErrorMessageMode } from '/#/external/axios';
 import { useUserStoreWithOut } from '@/store/external/module/user';
-import { useI18n } from 'vue-i18n';
-import { useMessage } from 'naive-ui';
 
-const { error } = useMessage()
 export function checkStatus(
   status: number,
   msg: string,
   errorMessageMode: ErrorMessageMode = 'message'
-): void {
-  const { t } = useI18n();
+): void { 
   const userStore = useUserStoreWithOut();
   let errMessage = msg;
   switch (status) {
@@ -20,8 +16,9 @@ export function checkStatus(
     // Jump to the login page if not logged in, and carry the path of the current page
     // Return to the current page after successful login. This step needs to be operated on the login page.
     case 401:
-      errMessage = '';
-      userStore.logout()
+      errMessage = '没有权限';
+      userStore.setToken(undefined);
+      userStore.setSessionTimeout(true);
       break;
     case 403:
       errMessage = '未授权';
@@ -56,8 +53,10 @@ export function checkStatus(
       break;
     default:
   }
-  if (errMessage) {
+  
+  if (errMessage) { 
     if (errorMessageMode === 'message') {
+      const { error } = window['$message']
       error(errMessage);
     }
   }

@@ -14,12 +14,10 @@ import { setObjToUrlParams, deepMerge } from '@/utils/external';
 import { joinTimestamp, formatRequestDate } from './helper';
 import { PageEnum } from '@/enums/external/pageEnum';
 import router from '@/router';
-import { useDialog } from 'naive-ui';
 
 const globSetting = useGlobSetting();
 const urlPrefix = globSetting.urlPrefix;
 
-const { success, error } = useDialog()
 /**
  * @description: 数据处理，方便区分多种处理方式
  */
@@ -47,6 +45,7 @@ const transform: AxiosTransform = {
     if (apiUrl && isString(apiUrl)) {
       config.url = `${apiUrl}${config.url}`;
     }
+    
     const params = config.params || {};
     const data = config.data || false;
     formatDate && data && !isString(data) && formatRequestDate(data);

+/**
+ * @description use to function capture await throw error
+ * @param promise
+ * @param errorExt - Additional Information you can pass to the err object
+ */
+export function to<T, E = any>(
+  promise: Promise<T>,
+  errorExt?: string
+): Promise<[Nullable<E>, T | undefined]> {
+  return promise
+    .then((data) => [null, data] as [null, T])
+    .catch((err) => {
+      if (errorExt) {
+        const parsedError = Object.assign({}, err, errorExt)
+        return [parsedError, undefined]
+      }
+      return [err, undefined]
+    });
+}

+import { PageEnum } from "@/enums/pageEnum"
+import { useUserStore } from "@/store/external/module/user"
+import { cryptoEncode, routerTurnByName, setLocalStorage } from "@/utils"
+import { to } from "@/utils/external/to"
+import { StorageEnum } from '@/enums/storageEnum'
+import { ref } from "vue"
+
+export const useLogin = () => {
+  const userStore = useUserStore()
+  const t = window['$t']
+  const loading = ref(false)
+
+  const login = async (params: Record<'password' | 'username', string>) => {
+    loading.value = true
+    const [err, data] = await to<AwaitToResult<typeof userStore['login']>>(userStore.login({
+      ...params,
+      mode: 'message'
+    }))
+    loading.value = false
+    if (err) {
+      return
+    }
+
+    setLocalStorage(
+      StorageEnum.GO_LOGIN_INFO_STORE,
+      cryptoEncode(
+        JSON.stringify(params)
+      )
+    )
+
+    window['$message'].success(`${t('login.login_success')}!`)
+    routerTurnByName(PageEnum.BASE_HOME_NAME, true)
+  }
+
+  return { login, loading }
+}

@@ -24,18 +24,9 @@
     </layout-header>
     <div class="go-login">
       <div class="go-login-carousel">
-        <n-carousel
-          autoplay
-          dot-type="line"
-          :interval="Number(carouselInterval)"
-        >
-          <img
-            v-for="(item, i) in carouselImgList"
-            :key="i"
-            class="go-login-carousel-img"
-            :src="getImageUrl(item, 'login')"
-            alt="image"
-          />
+        <n-carousel autoplay dot-type="line" :interval="Number(carouselInterval)">
+          <img v-for="(item, i) in carouselImgList" :key="i" class="go-login-carousel-img"
+            :src="getImageUrl(item, 'login')" alt="image" />
         </n-carousel>
       </div>
       <div class="login-account">
@@ -43,24 +34,11 @@
           <n-collapse-transition :appear="true" :show="show">
             <n-card class="login-account-card" :title="$t('login.desc')">
               <div class="login-account-top">
-                <img
-                  class="login-account-top-logo"
-                  src="~@/assets/images/login/input.png"
-                  alt="展示图片"
-                />
+                <img class="login-account-top-logo" src="~@/assets/images/login/input.png" alt="展示图片" />
               </div>
-              <n-form
-                ref="formRef"
-                label-placement="left"
-                size="large"
-                :model="formInline"
-                :rules="rules"
-              >
+              <n-form ref="formRef" label-placement="left" size="large" :model="formInline" :rules="rules">
                 <n-form-item path="username">
-                  <n-input
-                    v-model:value="formInline.username"
-                    :placeholder="$t('global.form_account')"
-                  >
+                  <n-input v-model:value="formInline.username" :placeholder="$t('global.form_account')">
                     <template #prefix>
                       <n-icon size="18">
                         <PersonOutlineIcon></PersonOutlineIcon>
@@ -69,12 +47,8 @@
                   </n-input>
                 </n-form-item>
                 <n-form-item path="password">
-                  <n-input
-                    v-model:value="formInline.password"
-                    type="password"
-                    show-password-on="click"
-                    :placeholder="$t('global.form_password')"
-                  >
+                  <n-input v-model:value="formInline.password" type="password" show-password-on="click"
+                    :placeholder="$t('global.form_password')">
                     <template #prefix>
                       <n-icon size="18">
                         <LockClosedOutlineIcon></LockClosedOutlineIcon>
@@ -92,14 +66,9 @@
                   </div>
                 </n-form-item>
                 <n-form-item>
-                  <n-button
-                    type="primary"
-                    @click="handleSubmit"
-                    size="large"
-                    :loading="loading"
-                    block
-                    >{{ $t('login.form_button') }}</n-button
-                  >
+                  <!-- YUN_TENG loading修改  -->
+                  <n-button type="primary" @click="handleSubmit" size="large" :loading="loginLoading" block>{{
+                    $t('login.form_button') }}</n-button>
                 </n-form-item>
               </n-form>
             </n-card>
@@ -127,6 +96,7 @@ import { PageEnum } from '@/enums/pageEnum'
 import { icon } from '@/plugins'
 import { StorageEnum } from '@/enums/storageEnum'
 import { routerTurnByName, cryptoEncode, setLocalStorage } from '@/utils'
+import { useLogin } from './external/useLogin'
 const { GO_LOGIN_INFO_STORE } = StorageEnum
 
 const { PersonOutlineIcon, LockClosedOutlineIcon } = icon.ionicons5
@@ -203,6 +173,9 @@ const shuffleHandle = () => {
   }, carouselInterval)
 }
 
+// YUN_TENG 登录钩子
+const { login, loading: loginLoading } = useLogin()
+
 // 点击事件
 const handleSubmit = (e: Event) => {
   e.preventDefault()
@@ -210,17 +183,20 @@ const handleSubmit = (e: Event) => {
     if (!errors) {
       const { username, password } = formInline
       loading.value = true
-      setLocalStorage(
-        GO_LOGIN_INFO_STORE,
-        cryptoEncode(
-          JSON.stringify({
-            username,
-            password,
-          })
-        )
-      )
-      window['$message'].success(`${t('login.login_success')}!`)
-      routerTurnByName(PageEnum.BASE_HOME_NAME, true)
+      // YUN_TENG 登录接口
+      await login({ username, password })
+      // setLocalStorage(
+      //   GO_LOGIN_INFO_STORE,
+      //   cryptoEncode(
+      //     JSON.stringify({
+      //       username,
+      //       password,
+      //     })
+      //   )
+      // )
+      // window['$message'].success(`${t('login.login_success')}!`)
+      // routerTurnByName(PageEnum.BASE_HOME_NAME, true)
+
     } else {
       window['$message'].error(`${t('login.login_message')}!`)
     }
@@ -243,10 +219,12 @@ $carousel-image-height: 60vh;
 * {
   box-sizing: border-box;
 }
+
 @include go(login-box) {
   height: $go-login-height;
   overflow: hidden;
   @include background-image('background-image');
+
   &-header {
     display: flex;
     justify-content: space-between;
@@ -254,6 +232,7 @@ $carousel-image-height: 60vh;
     padding: 0 40px;
     height: $--header-height;
   }
+
   &-divider {
     margin: 0;
     padding-top: 0;
@@ -267,20 +246,24 @@ $carousel-image-height: 60vh;
     margin-top: -$--header-height;
     height: $go-login-height;
     width: 100vw;
+
     &-carousel {
       width: $carousel-width;
       margin-top: 100px;
       min-width: 500px;
+
       &-img {
         display: block;
         margin: 0 auto;
         height: $carousel-image-height;
       }
     }
+
     .login-account {
       display: flex;
       flex-direction: column;
       margin: 0 160px;
+
       &-container {
         width: $width;
       }
@@ -316,15 +299,18 @@ $carousel-image-height: 60vh;
     width: 100vw;
     height: 100vh;
     background: url('@/assets/images/login/login-bg.png') no-repeat 0 -120px;
+
     .bg-slot {
       width: $carousel-width;
     }
+
     .bg-img-box {
       position: relative;
       display: flex;
       flex-wrap: wrap;
       width: 770px;
       margin-right: -20px;
+
       &-li {
         img {
           margin-right: 20px;
@@ -337,12 +323,15 @@ $carousel-image-height: 60vh;
     }
   }
 }
+
 @media only screen and (max-width: 1200px) {
+
   .bg-img-box,
   .bg-slot,
   .go-login-carousel {
     display: none !important;
   }
+
   .go-login-box-footer {
     position: relative;
   }

@@ -10,16 +10,41 @@
     "resolveJsonModule": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "lib": ["es6", "ESNext", "dom"],
-    "types": ["vite/client"],
+    "lib": [
+      "es6",
+      "ESNext",
+      "dom"
+    ],
+    "types": [
+      "vite/client"
+    ],
+    "typeRoots": [
+      "./node_modules/@types/",
+      "./types"
+    ],
     "paths": {
-      "@/*": ["src/*"],
-      "/#/*": ["types/*"]
+      "@/*": [
+        "src/*"
+      ],
+      "/#/*": [
+        "types/*"
+      ]
     },
     "noImplicitAny": true, //不允许使用any
     // "strictNullChecks": true, //不允许使用null
     "noImplicitThis": true //不允许往this上面挂属性
   },
-  "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue", "types/**/*", "build/**/*"],
-  "exclude": ["node_modules", "dist", "**/*.js"]
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue",
+    "types/**/*",
+    "build/**/*"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "**/*.js"
+  ]
 }

@@ -146,14 +146,8 @@ export interface GlobConfig {
   urlPrefix?: string;
   // Project abbreviation
   shortName: string;
-  // configuration center proxy prefix
-  configurationPrefix: string;
   // socket url
   socketUrl: string;
-  // alarm notify alarm duration
-  alarmNotifyDuration: string;
-  // alarm notify polling interval
-  alarmPollingInterval: string;
   // upgrade your http policy to https
   securityPolicy: string;
 }
@@ -168,14 +162,8 @@ export interface GlobEnvConfig {
   VITE_GLOB_APP_SHORT_NAME: string;
   // Upload url
   VITE_GLOB_UPLOAD_URL?: string;
-  // configuration
-  VITE_GLOB_CONFIGURATION: string;
   // socket
   VITE_GLOB_WEB_SOCKET: string;
-  // force transform http to https
-  VITE_GLOB_CONTENT_SECURITY_POLICY: string;
-  // notify polling interval time
-  VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME: string;
   // notify duration
   VITE_GLOB_ALARM_NOTIFY_DURATION: string;
 }

 import type {
+  ComponentPublicInstance,
   ComponentRenderProxy,
+  FunctionalComponent,
   VNode,
   VNodeChild,
-  ComponentPublicInstance,
-  FunctionalComponent,
   PropType as VuePropType,
-} from 'vue';
+} from 'vue'
 
 declare global {
   const __APP_INFO__: {
     pkg: {
-      name: string;
-      version: string;
-      dependencies: Recordable<string>;
-      devDependencies: Recordable<string>;
-    };
-    lastBuildTime: string;
-  };
+      name: string
+      version: string
+      dependencies: Recordable<string>
+      devDependencies: Recordable<string>
+    }
+    lastBuildTime: string
+  }
   // declare interface Window {
   //   // Global vue app instance
   //   __APP__: App<Element>;
   // }
 
   // vue
-  declare type PropType<T> = VuePropType<T>;
-  declare type VueNode = VNodeChild | JSX.Element;
+  declare type PropType<T> = VuePropType<T>
+  declare type VueNode = VNodeChild | JSX.Element
 
   export type Writable<T> = {
     -readonly [P in keyof T]: T[P];
-  };
+  }
 
-  declare type Nullable<T> = T | null;
-  declare type NonNullable<T> = T extends null | undefined ? never : T;
-  declare type Recordable<T = any> = Record<string, T>;
-  declare type ReadonlyRecordable<T = any> = {
-    readonly [key: string]: T;
-  };
-  declare type Indexable<T = any> = {
-    [key: string]: T;
-  };
+  declare type Nullable<T> = T | null
+  declare type NonNullable<T> = T extends null | undefined ? never : T
+  declare type Recordable<T = any> = Record<string, T>
+  type ReadonlyRecordable<T> = Readonly<Record<string, T>>
+  type Indexable<T> = Record<string, T>
   declare type DeepPartial<T> = {
     [P in keyof T]?: DeepPartial<T[P]>;
-  };
-  declare type TimeoutHandle = ReturnType<typeof setTimeout>;
-  declare type IntervalHandle = ReturnType<typeof setInterval>;
+  }
+  declare type TimeoutHandle = ReturnType<typeof setTimeout>
+  declare type IntervalHandle = ReturnType<typeof setInterval>
 
   declare interface ChangeEvent extends Event {
-    target: HTMLInputElement;
+    target: HTMLInputElement
   }
 
   declare interface WheelEvent {
-    path?: EventTarget[];
+    path?: EventTarget[]
   }
   interface ImportMetaEnv extends ViteEnv {
-    __: unknown;
+    __: unknown
   }
 
   declare interface ViteEnv {
-    VITE_PORT: number;
-    VITE_GLOB_USE_MOCK: boolean;
-    VITE_USE_PWA: boolean;
-    VITE_GLOB_PUBLIC_PATH: string;
-    VITE_PROXY: [string, string][];
-    VITE_GLOB_APP_TITLE: string;
-    VITE_GLOB_APP_SHORT_NAME: string;
-    VITE_USE_CDN: boolean;
-    VITE_GLOB_DROP_CONSOLE: boolean;
-    VITE_GLOB_BUILD_COMPRESS: 'gzip' | 'brotli' | 'none';
-    VITE_GLOB_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean;
-    VITE_LEGACY: boolean;
-    VITE_GLOB_USE_IMAGEMIN: boolean;
-    VITE_GENERATE_UI: string;
-    VITE_GLOB_CONTENT_SECURITY_POLICY: boolean;
-    VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME: number;
-    VITE_GLOB_ALARM_NOTIFY_DURATION: number;
+    VITE_PORT: number
+    VITE_GLOB_USE_MOCK: boolean
+    VITE_USE_PWA: boolean
+    VITE_GLOB_PUBLIC_PATH: string
+    VITE_PROXY: [string, string][]
+    VITE_GLOB_APP_TITLE: string
+    VITE_GLOB_APP_SHORT_NAME: string
+    VITE_USE_CDN: boolean
+    VITE_GLOB_DROP_CONSOLE: boolean
+    VITE_GLOB_BUILD_COMPRESS: 'gzip' | 'brotli' | 'none'
+    VITE_GLOB_BUILD_COMPRESS_DELETE_ORIGIN_FILE: boolean
+    VITE_LEGACY: boolean
+    VITE_GLOB_USE_IMAGEMIN: boolean
+    VITE_GENERATE_UI: string
+    VITE_GLOB_CONTENT_SECURITY_POLICY: boolean
+    VITE_GLOB_ALARM_NOTIFY_POLLING_INTERVAL_TIME: number
+    VITE_GLOB_ALARM_NOTIFY_DURATION: number
   }
 
-  declare function parseInt(s: string | number, radix?: number): number;
+  declare function parseInt(s: string | number, radix?: number): number
 
-  declare function parseFloat(string: string | number): number;
+  declare function parseFloat(string: string | number): number
 
   namespace JSX {
     // tslint:disable no-empty-interface
-    type Element = VNode;
+    type Element = VNode
     // tslint:disable no-empty-interface
-    type ElementClass = ComponentRenderProxy;
+    type ElementClass = ComponentRenderProxy
     interface ElementAttributesProperty {
-      $props: any;
-    }
-    interface IntrinsicElements {
-      [elem: string]: any;
-    }
-    interface IntrinsicAttributes {
-      [elem: string]: any;
+      $props: any
     }
+
+    type IntrinsicElements = Record<string, any>
+    type IntrinsicAttributes = Record<string, any>
   }
+
+  type AwaitToResult<T> = Awaited<ReturnType<T>>
 }
 
 declare module 'vue' {
   export type JSXComponent<Props = any> =
-    | { new (): ComponentPublicInstance<Props> }
-    | FunctionalComponent<Props>;
+    | { new(): ComponentPublicInstance<Props> }
+    | FunctionalComponent<Props>
 }

@@ -16,8 +16,8 @@ function pathResolve(dir: string) {
 export default defineConfig(({ mode, command }) => {
 
   const root = process.cwd()
-
-  const env = loadEnv(mode, root)
+  
+  const env = loadEnv(mode, root) 
 
   const viteEnv = parseEnv(env)