chore: update deps

.env

@@ -6,6 +6,3 @@ VITE_GLOB_APP_TITLE = Vben Admin
 
 # spa shortname
 VITE_GLOB_APP_SHORT_NAME = vue_vben_admin
-
-
-VITE_DYNAMIC_IMPORT = false

build/utils.ts

@@ -30,7 +30,6 @@ export interface ViteEnv {
   VITE_BUILD_COMPRESS: 'gzip' | 'brotli' | 'none';
   VITE_LEGACY: boolean;
   VITE_USE_IMAGEMIN: boolean;
-  VITE_DYNAMIC_IMPORT: boolean;
 }
 
 // Read all environment variable configuration files to process.env

package.json

@@ -53,7 +53,7 @@
   "devDependencies": {
     "@commitlint/cli": "^12.0.1",
     "@commitlint/config-conventional": "^12.0.1",
-    "@iconify/json": "^1.1.308",
+    "@iconify/json": "^1.1.310",
     "@ls-lint/ls-lint": "^1.9.2",
     "@purge-icons/generated": "^0.7.0",
     "@types/crypto-js": "^4.0.1",
@@ -68,8 +68,8 @@
     "@types/rollup-plugin-visualizer": "^2.6.0",
     "@types/sortablejs": "^1.10.6",
     "@types/yargs": "^16.0.0",
-    "@typescript-eslint/eslint-plugin": "^4.15.2",
-    "@typescript-eslint/parser": "^4.15.2",
+    "@typescript-eslint/eslint-plugin": "^4.16.1",
+    "@typescript-eslint/parser": "^4.16.1",
     "@vitejs/plugin-legacy": "^1.3.1",
     "@vitejs/plugin-vue": "^1.1.5",
     "@vitejs/plugin-vue-jsx": "^1.1.2",
@@ -100,15 +100,15 @@
     "stylelint-config-standard": "^20.0.0",
     "stylelint-order": "^4.1.0",
     "ts-node": "^9.1.1",
-    "typescript": "4.1.5",
+    "typescript": "4.2.2",
     "vite": "^2.0.4",
-    "vite-plugin-compression": "^0.2.2",
-    "vite-plugin-html": "^2.0.2",
-    "vite-plugin-imagemin": "^0.2.8",
+    "vite-plugin-compression": "^0.2.3",
+    "vite-plugin-html": "^2.0.3",
+    "vite-plugin-imagemin": "^0.2.9",
     "vite-plugin-mock": "^2.1.5",
     "vite-plugin-purge-icons": "^0.7.0",
     "vite-plugin-pwa": "^0.5.6",
-    "vite-plugin-style-import": "^0.7.5",
+    "vite-plugin-style-import": "^0.7.6",
     "vite-plugin-theme": "^0.4.8",
     "vite-plugin-windicss": "0.6.2",
     "vue-eslint-parser": "^7.5.0",

src/components/Basic/src/BasicArrow.vue

@@ -9,7 +9,6 @@
 </template>
 <script lang="ts">
   import { defineComponent, computed } from 'vue';
-  import { RightOutlined } from '@ant-design/icons-vue';
 
   import { useDesign } from '/@/hooks/web/useDesign';
 
@@ -19,7 +18,7 @@
 
   export default defineComponent({
     name: 'BasicArrow',
-    components: { RightOutlined, Icon },
+    components: { Icon },
     props: {
       // Expand contract, expand by default
       expand: propTypes.bool,

src/router/helper/routeHelper.ts

@@ -18,12 +18,7 @@ let dynamicViewsModules: Record<
 
 // 动态引入
 function asyncImportRoute(routes: AppRouteRecordRaw[] | undefined) {
-  // TODO It may be a bug in Vite. When the conditions are not established, the dynamically imported files will still be packaged in.
-  if (!__DYNAMIC_IMPORT__) {
-    dynamicViewsModules = {};
-  } else {
-    dynamicViewsModules = dynamicViewsModules || import.meta.glob('../../views/**/*.{vue,tsx}');
-  }
+  dynamicViewsModules = dynamicViewsModules || import.meta.glob('../../views/**/*.{vue,tsx}');
 
   if (!routes) return;
   routes.forEach((item) => {

src/views/demo/feat/ws/index.vue

@@ -54,7 +54,7 @@
 </template>
 <script lang="ts">
   import { defineComponent, reactive, watchEffect, computed, toRefs } from 'vue';
-  import { Alert, Tag, Input } from 'ant-design-vue';
+  import { Tag, Input } from 'ant-design-vue';
 
   import { PageWrapper } from '/@/components/Page';
 
@@ -66,7 +66,6 @@
       PageWrapper,
       [Input.name]: Input,
       InputTextArea: Input.TextArea,
-      Alert,
       Tag,
     },
     setup() {

test/websocket-server/README.md

+# Websocket Server
+
+Simple background for testing ws interface
+
+## Usage
+
+```js
+
+cd ./test/websocket-server
+
+yarn install
+
+yarn start
+
+```

types/window.d.ts

 import type { App } from 'vue';
 
 declare global {
-  declare const __DYNAMIC_IMPORT__: boolean;
   declare interface Window {
     // Global vue app instance
     __APP__: App<Element>;

vite.config.ts

@@ -21,14 +21,7 @@ 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,
-    VITE_LEGACY,
-    VITE_DYNAMIC_IMPORT,
-  } = viteEnv;
+  const { VITE_PORT, VITE_PUBLIC_PATH, VITE_PROXY, VITE_DROP_CONSOLE, VITE_LEGACY } = viteEnv;
 
   const isBuild = command === 'build';
 
@@ -75,7 +68,6 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
     define: {
       // setting vue-i18-next
       // Suppress warning
-      __DYNAMIC_IMPORT__: VITE_DYNAMIC_IMPORT,
       __VUE_I18N_LEGACY_API__: false,
       __VUE_I18N_FULL_INSTALL__: false,
       __INTLIFY_PROD_DEVTOOLS__: false,