chore: update deps

.eslintrc.js

-module.exports = {
+const { defineConfig } = require('eslint-define-config');
+module.exports = defineConfig({
   root: true,
   env: {
     browser: true,
@@ -58,7 +59,6 @@ module.exports = {
     'vue/multiline-html-element-content-newline': 'off',
     'vue/singleline-html-element-content-newline': 'off',
     'vue/attribute-hyphenation': 'off',
-    // 'vue/html-self-closing': 'off',
     'vue/require-default-prop': 'off',
     'vue/html-self-closing': [
       'error',
@@ -73,4 +73,4 @@ module.exports = {
       },
     ],
   },
-};
+});

.vscode/settings.json

@@ -136,7 +136,6 @@
       "singleQuote": true
     }
   },
-  "javascript.updateImportsOnFileMove.enabled": "never",
   "liveServer.settings.donotShowInfoMsg": true,
   "terminal.integrated.rendererType": "dom",
   "telemetry.enableCrashReporter": false,

build/script/postBuild.ts

 // #!/usr/bin/env node
 
-import { argv } from 'yargs';
 import { runBuildConfig } from './buildConf';
 import chalk from 'chalk';
 
@@ -8,10 +7,10 @@ import pkg from '../../package.json';
 
 export const runBuild = async () => {
   try {
-    const argvList = argv._;
+    const argvList = process.argv.splice(2);
 
     // Generate configuration file
-    if (!argvList.includes('no-conf')) {
+    if (!argvList.includes('disabled-config')) {
       await runBuildConfig();
     }
 

build/vite/plugin/imagemin.ts

@@ -12,9 +12,6 @@ export function configImageminPlugin() {
     optipng: {
       optimizationLevel: 7,
     },
-    webp: {
-      quality: 75,
-    },
     mozjpeg: {
       quality: 8,
     },

build/vite/proxy.ts

 /**
  * Used to parse the .env.development proxy configuration
  */
-import type { ServerOptions } from 'http-proxy';
+import type { ProxyOptions } from 'vite';
 
 type ProxyItem = [string, string];
 
 type ProxyList = ProxyItem[];
 
-type ProxyTargetList = Record<string, ServerOptions & { rewrite: (path: string) => string }>;
+type ProxyTargetList = Record<string, ProxyOptions & { rewrite: (path: string) => string }>;
 
 const httpsRE = /^https:\/\//;
 

commitlint.config.js

@@ -17,7 +17,7 @@ module.exports = {
         'resolved',
       ],
       issuePrefixes: ['#'],
-      noteKeywords: ['BREAKING CHANGE', '不兼容变更'],
+      noteKeywords: ['BREAKING CHANGE'],
       fieldPattern: /^-(.*?)-$/,
       revertPattern: /^Revert\s"([\s\S]*)"\s*This reverts commit (\w*)\./,
       revertCorrespondence: ['header', 'hash'],
@@ -50,6 +50,7 @@ module.exports = {
         'wip',
         'workflow',
         'types',
+        'release',
       ],
     ],
   },

package.json

@@ -10,7 +10,7 @@
     "bootstrap": "yarn install",
     "serve": "npx --max_old_space_size=4096 vite",
     "dev": "npx --max_old_space_size=4096 vite",
-    "build": "vite build && esno ./build/script/postBuild.ts",
+    "build": "esno ./build/script/postBuild.ts",
     "build:no-cache": "yarn clean:cache && npm run build",
     "report": "cross-env REPORT=true npm run build ",
     "preview": "npm run build && vite preview",
@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@iconify/iconify": "^2.0.0-rc.6",
-    "@vueuse/core": "^4.5.0",
+    "@vueuse/core": "^4.6.0",
     "@zxcvbn-ts/core": "^0.3.0",
     "ant-design-vue": "2.1.0",
     "apexcharts": "^3.26.0",
@@ -45,7 +45,7 @@
     "path-to-regexp": "^6.2.0",
     "qrcode": "^1.4.4",
     "sortablejs": "^1.13.0",
-    "vditor": "^3.8.3",
+    "vditor": "^3.8.4",
     "vue": "^3.0.7",
     "vue-i18n": "^9.0.0",
     "vue-router": "^4.0.5",
@@ -60,18 +60,15 @@
     "@iconify/json": "^1.1.322",
     "@purge-icons/generated": "^0.7.0",
     "@types/crypto-js": "^4.0.1",
-    "@types/fs-extra": "^9.0.8",
-    "@types/http-proxy": "^1.17.5",
+    "@types/fs-extra": "^9.0.9",
     "@types/inquirer": "^7.3.1",
     "@types/lodash-es": "^4.17.4",
     "@types/mockjs": "^1.0.3",
-    "@types/node": "^14.14.35",
     "@types/nprogress": "^0.2.0",
     "@types/qrcode": "^1.4.0",
     "@types/qs": "^6.9.6",
     "@types/rollup-plugin-visualizer": "^2.6.0",
     "@types/sortablejs": "^1.10.6",
-    "@types/yargs": "^16.0.0",
     "@typescript-eslint/eslint-plugin": "^4.19.0",
     "@typescript-eslint/parser": "^4.19.0",
     "@vitejs/plugin-legacy": "^1.3.1",
@@ -86,6 +83,7 @@
     "dotenv": "^8.2.0",
     "eslint": "^7.22.0",
     "eslint-config-prettier": "^8.1.0",
+    "eslint-define-config": "^1.0.2",
     "eslint-plugin-prettier": "^3.3.1",
     "eslint-plugin-vue": "^7.8.0",
     "esno": "^0.5.0",
@@ -96,7 +94,6 @@
     "is-ci": "^3.0.0",
     "less": "^4.1.1",
     "lint-staged": "^10.5.4",
-    "madge": "^4.0.2",
     "postcss": "^8.2.8",
     "prettier": "^2.2.1",
     "pretty-quick": "^3.1.0",
@@ -114,13 +111,12 @@
     "vite-plugin-imagemin": "^0.2.9",
     "vite-plugin-mock": "^2.4.0",
     "vite-plugin-purge-icons": "^0.7.0",
-    "vite-plugin-pwa": "^0.6.2",
-    "vite-plugin-style-import": "^0.8.3",
+    "vite-plugin-pwa": "^0.6.3",
+    "vite-plugin-style-import": "^0.9.0",
     "vite-plugin-svg-icons": "^0.4.0",
     "vite-plugin-theme": "^0.5.0",
     "vite-plugin-windicss": "0.9.11",
-    "vue-eslint-parser": "^7.6.0",
-    "yargs": "^16.2.0"
+    "vue-eslint-parser": "^7.6.0"
   },
   "resolutions": {
     "//": "Used to install imagemin dependencies, because imagemin may not be installed in China.If it is abroad, you can delete it",

src/components/Application/src/AppLocalePicker.vue

@@ -69,8 +69,8 @@
   });
 </script>
 
-<style lang="less" scoped>
-  :global(.app-locale-picker-overlay) {
+<style lang="less">
+  .app-locale-picker-overlay {
     .ant-dropdown-menu-item {
       min-width: 160px;
     }

src/components/Application/src/search/AppSearchFooter.vue

@@ -14,6 +14,7 @@
 
 <script lang="ts">
   import { defineComponent } from 'vue';
+
   import AppSearchKeyItem from './AppSearchKeyItem.vue';
 
   import { useDesign } from '/@/hooks/web/useDesign';

src/components/Application/src/search/AppSearchKeyItem.vue

@@ -5,7 +5,7 @@
 </template>
 <script lang="ts">
   import { defineComponent } from 'vue';
-  import Icon from '/@/components/Icon';
+  import { Icon } from '/@/components/Icon';
   import { propTypes } from '/@/utils/propTypes';
 
   export default defineComponent({

src/components/Table/src/BasicTable.vue

@@ -35,7 +35,7 @@
 <script lang="ts">
   import type { BasicTableProps, TableActionType, SizeType } from './types/table';
 
-  import { defineComponent, ref, computed, unref } from 'vue';
+  import { defineComponent, ref, computed, unref, toRaw } from 'vue';
   import { Table } from 'ant-design-vue';
   import { BasicForm, useForm } from '/@/components/Form/index';
   import expandIcon from './components/ExpandIcon';
@@ -197,9 +197,9 @@
           tableLayout: 'fixed',
           rowSelection: unref(getRowSelectionRef),
           rowKey: unref(getRowKey),
-          columns: unref(getViewColumns),
-          pagination: unref(getPaginationInfo),
-          dataSource: unref(getDataSourceRef),
+          columns: toRaw(unref(getViewColumns)),
+          pagination: toRaw(unref(getPaginationInfo)),
+          dataSource: toRaw(unref(getDataSourceRef)),
           footer: unref(getFooterProps),
           ...unref(getExpandOption),
         };

src/main.ts

@@ -48,6 +48,7 @@ import { isDevMode } from '/@/utils/env';
   setupErrorHandle(app);
 
   // Mount when the route is ready
+  // https://next.router.vuejs.org/api/#isready
   await router.isReady();
 
   app.mount('#app', true);

stylelint.config.js

@@ -30,6 +30,24 @@ module.exports = {
       },
     ],
     'unit-no-unknown': [true, { ignoreUnits: ['rpx'] }],
+    'order/order': [
+      [
+        'dollar-variables',
+        'custom-properties',
+        'at-rules',
+        'declarations',
+        {
+          type: 'at-rule',
+          name: 'supports',
+        },
+        {
+          type: 'at-rule',
+          name: 'media',
+        },
+        'rules',
+      ],
+      { severity: 'warning' },
+    ],
     // Specify the alphabetical order of the attributes in the declaration block
     'order/properties-order': [
       'position',

vite.config.ts

@@ -37,12 +37,9 @@ export default ({ command, mode }: ConfigEnv): UserConfig => {
       port: VITE_PORT,
       // Load proxy configuration from .env
       proxy: createProxy(VITE_PROXY),
-      hmr: {
-        overlay: true,
-      },
     },
-
     build: {
+      target: 'es2015',
       outDir: OUTPUT_DIR,
       terserOptions: {
         compress: {