feat: 接入 pont 接口生成工具、统一代码格式

.env.development

@@ -14,6 +14,7 @@ VITE_DROP_CONSOLE = false
 
 # Basic interface address SPA
 VITE_GLOB_API_URL=/basic-api
+# VITE_GLOB_API_URL=http://localhost:8181/basic-api
 
 # File upload address， optional
 VITE_GLOB_UPLOAD_URL=/upload

.eslintrc.js

@@ -15,11 +15,7 @@ module.exports = {
             jsx: true,
         },
     },
-    extends: [
-        'plugin:vue/vue3-recommended',
-        'plugin:@typescript-eslint/recommended',
-        'plugin:prettier/recommended',
-    ],
+    extends: ['plugin:vue/vue3-recommended', 'plugin:@typescript-eslint/recommended', 'plugin:prettier/recommended'],
     rules: {
         'vue/script-setup-uses-vars': 'error',
         '@typescript-eslint/ban-ts-ignore': 'off',

.gitignore

@@ -27,3 +27,5 @@ pnpm-debug.log*
 *.njsproj
 *.sln
 *.sw?
+
+.mocks/
\ No newline at end of file

.vscode/settings.json

@@ -33,7 +33,6 @@
     },
     "files.exclude": {
         "**/.cache": true,
-        "**/.editorconfig": true,
         "**/.eslintcache": true,
         "**/bower_components": true,
         "**/.idea": true,

mock/_util.ts

@@ -9,12 +9,7 @@ export function resultSuccess<T = Recordable>(result: T, { message = 'ok' } = {}
     }
 }
 
-export function resultPageSuccess<T = any>(
-    page: number,
-    pageSize: number,
-    list: T[],
-    { message = 'ok' } = {},
-) {
+export function resultPageSuccess<T = any>(page: number, pageSize: number, list: T[], { message = 'ok' } = {}) {
     const pageData = pagination(page, pageSize, list)
 
     return {

mock/demo/system.ts

@@ -88,11 +88,9 @@ const menuList = (() => {
                         menuName: ['菜单1', '菜单2', '菜单3', '菜单4'][j],
                         icon: 'ion:document',
                         permission: ['menu1:view', 'menu2:add', 'menu3:update', 'menu4:del'][index],
-                        component: [
-                            '/dashboard/welcome/index',
-                            '/dashboard/workbench/index',
-                            '/dashboard/test/index',
-                        ][j],
+                        component: ['/dashboard/welcome/index', '/dashboard/workbench/index', '/dashboard/test/index'][
+                            j
+                        ],
                         orderNo: j + 1,
                         createTime: '@datetime',
                         'status|1': ['0', '1'],
@@ -106,9 +104,7 @@ const menuList = (() => {
                                     menuName: '按钮' + (j + 1) + '-' + (k + 1),
                                     icon: '',
                                     permission:
-                                        ['menu1:view', 'menu2:add', 'menu3:update', 'menu4:del'][
-                                            index
-                                        ] +
+                                        ['menu1:view', 'menu2:add', 'menu3:update', 'menu4:del'][index] +
                                         ':btn' +
                                         (k + 1),
                                     component: [

mock/sys/menu.ts

@@ -241,13 +241,11 @@ export default [
             let menu: Object[]
             switch (id) {
                 case '1':
-                    dashboardRoute.redirect =
-                        dashboardRoute.path + '/' + dashboardRoute.children[0].path
+                    dashboardRoute.redirect = dashboardRoute.path + '/' + dashboardRoute.children[0].path
                     menu = [dashboardRoute, authRoute, levelRoute, sysRoute, linkRoute]
                     break
                 case '2':
-                    dashboardRoute.redirect =
-                        dashboardRoute.path + '/' + dashboardRoute.children[1].path
+                    dashboardRoute.redirect = dashboardRoute.path + '/' + dashboardRoute.children[1].path
                     menu = [dashboardRoute, authRoute, levelRoute, linkRoute]
                     break
                 default:

package.json

@@ -132,6 +132,7 @@
         "lint-staged": "12.3.7",
         "npm-run-all": "^4.1.5",
         "picocolors": "^1.0.0",
+        "pont-engine": "^1.2.0",
         "postcss": "^8.4.12",
         "postcss-html": "^1.3.0",
         "postcss-less": "^6.0.0",

pnpm-lock.yaml

@@ -66,6 +66,7 @@ specifiers:
   path-to-regexp: ^6.2.0
   picocolors: ^1.0.0
   pinia: 2.0.12
+  pont-engine: ^1.2.0
   postcss: ^8.4.12
   postcss-html: ^1.3.0
   postcss-less: ^6.0.0
@@ -196,6 +197,7 @@ devDependencies:
   lint-staged: 12.3.7
   npm-run-all: 4.1.5
   picocolors: 1.0.0
+  pont-engine: registry.npmjs.org/pont-engine/1.2.0
   postcss: 8.4.12
   postcss-html: 1.3.0
   postcss-less: 6.0.0_postcss@8.4.12
@@ -1870,7 +1872,7 @@ packages:
       '@octokit/request-error': 2.1.0
       '@octokit/types': 6.34.0
       is-plain-object: 5.0.0
-      node-fetch: 2.6.7
+      node-fetch: registry.npmjs.org/node-fetch/2.6.7
       universal-user-agent: 6.0.0
     transitivePeerDependencies:
       - encoding
@@ -3347,10 +3349,6 @@ packages:
     resolution: {integrity: sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==}
     dev: true
 
-  /commander/2.20.3:
-    resolution: {integrity: sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ==}
-    dev: true
-
   /commander/7.2.0:
     resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
     engines: {node: '>= 10'}
@@ -7779,7 +7777,7 @@ packages:
     resolution: {integrity: sha512-e1QtP3YL5tWww8uKaOCQ18UxIT2laNBXHjV/S2WYCiK4udiv8lkG89KRIoCjUagnAmCBurjF4zEVX2ByBbnCjQ==}
     hasBin: true
     dependencies:
-      commander: 2.20.3
+      commander: registry.npmjs.org/commander/2.20.3
     dev: true
 
   /semver/5.7.1:
@@ -8529,7 +8527,7 @@ packages:
     hasBin: true
     dependencies:
       acorn: 8.7.0
-      commander: 2.20.3
+      commander: registry.npmjs.org/commander/2.20.3
       source-map: registry.npmjs.org/source-map/0.7.3
       source-map-support: 0.5.21
     dev: true
@@ -8617,15 +8615,6 @@ packages:
     resolution: {integrity: sha1-zCAOqyYT9BZtJ/+a/HylbUnfbrQ=}
     dev: true
 
-  /tr46/0.0.3:
-    resolution: {integrity: sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=}
-
-  /tr46/1.0.1:
-    resolution: {integrity: sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=}
-    dependencies:
-      punycode: 2.1.1
-    dev: true
-
   /traverse/0.6.6:
     resolution: {integrity: sha1-y99WD9e5r2MlAv7UD5GMFX6pcTc=}
     dev: true
@@ -9333,25 +9322,18 @@ packages:
       defaults: 1.0.3
     dev: true
 
-  /webidl-conversions/3.0.1:
-    resolution: {integrity: sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=}
-
-  /webidl-conversions/4.0.2:
-    resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==}
-    dev: true
-
   /whatwg-url/5.0.0:
     resolution: {integrity: sha1-lmRU6HZUYuN2RNNib2dCzotwll0=}
     dependencies:
-      tr46: 0.0.3
-      webidl-conversions: 3.0.1
+      tr46: registry.npmjs.org/tr46/0.0.3
+      webidl-conversions: registry.npmjs.org/webidl-conversions/3.0.1
 
   /whatwg-url/7.1.0:
     resolution: {integrity: sha512-WUu7Rg1DroM7oQvGWfOiAK21n74Gg+T4elXEQYkOhtyLeWiJFoOGLXPKI/9gzIie9CtwVLm8wtw6YJdKyxSjeg==}
     dependencies:
       lodash.sortby: 4.7.0
-      tr46: 1.0.1
-      webidl-conversions: 4.0.2
+      tr46: registry.npmjs.org/tr46/1.0.1
+      webidl-conversions: registry.npmjs.org/webidl-conversions/4.0.2
     dev: true
 
   /which-boxed-primitive/1.0.2:
@@ -9886,6 +9868,12 @@ packages:
     dev: true
     optional: true
 
+  registry.npmjs.org/@types/blueimp-md5/2.18.0:
+    resolution: {integrity: sha512-f4A+++lGZGJvVSgeyMkqA7BEf2BVQli6F+qEykKb49c5ieWQBkfpn6CP5c1IZr2Yi2Ofl6Fj+v0e1fN18Z8Cnw==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/@types/blueimp-md5/-/blueimp-md5-2.18.0.tgz}
+    name: '@types/blueimp-md5'
+    version: 2.18.0
+    dev: true
+
   registry.npmjs.org/@types/glob/7.2.0:
     resolution: {integrity: sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/@types/glob/-/glob-7.2.0.tgz}
     name: '@types/glob'
@@ -9901,6 +9889,12 @@ packages:
     version: 3.0.5
     dev: true
 
+  registry.npmjs.org/@types/node/12.20.47:
+    resolution: {integrity: sha512-BzcaRsnFuznzOItW1WpQrDHM7plAa7GIDMZ6b5pnMbkqEtM/6WCOhvZar39oeMQP79gwvFUWjjptE7/KGcNqFg==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/@types/node/-/node-12.20.47.tgz}
+    name: '@types/node'
+    version: 12.20.47
+    dev: true
+
   registry.npmjs.org/@types/node/17.0.21:
     resolution: {integrity: sha512-DBZCJbhII3r90XbQxI8Y9IjjiiOGlZ0Hr32omXIZvwwZ7p4DMMXGrKXVyPfuoBOri9XNtL0UK69jYIBIsRX3QQ==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/@types/node/-/node-17.0.21.tgz}
     name: '@types/node'
@@ -9958,6 +9952,15 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
+  registry.npmjs.org/ansi-escapes/4.3.2:
+    resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-4.3.2.tgz}
+    name: ansi-escapes
+    version: 4.3.2
+    engines: {node: '>=8'}
+    dependencies:
+      type-fest: registry.npmjs.org/type-fest/0.21.3
+    dev: true
+
   registry.npmjs.org/ansi-regex/2.1.1:
     resolution: {integrity: sha1-w7M6te42DYbg5ijwRorn7yfWVN8=, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz}
     name: ansi-regex
@@ -10118,6 +10121,12 @@ packages:
       safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
     dev: true
 
+  registry.npmjs.org/blueimp-md5/2.19.0:
+    resolution: {integrity: sha512-DRQrD6gJyy8FbiE4s+bDoXS9hiW3Vbx5uCdwvcCf3zLHL+Iv7LtGHLpr+GZV8rHG8tK766FGYBwRbu8pELTt+w==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/blueimp-md5/-/blueimp-md5-2.19.0.tgz}
+    name: blueimp-md5
+    version: 2.19.0
+    dev: true
+
   registry.npmjs.org/brace-expansion/1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz}
     name: brace-expansion
@@ -10280,12 +10289,28 @@ packages:
       restore-cursor: registry.npmjs.org/restore-cursor/2.0.0
     dev: true
 
+  registry.npmjs.org/cli-cursor/3.1.0:
+    resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/cli-cursor/-/cli-cursor-3.1.0.tgz}
+    name: cli-cursor
+    version: 3.1.0
+    engines: {node: '>=8'}
+    dependencies:
+      restore-cursor: registry.npmjs.org/restore-cursor/3.1.0
+    dev: true
+
   registry.npmjs.org/cli-width/2.2.1:
     resolution: {integrity: sha512-GRMWDxpOB6Dgk2E5Uo+3eEBvtOOlimMmpbFiKuLFnQzYDavtLFY3K5ona41jgN/WdRZtG7utuVSVTL4HbZHGkw==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/cli-width/-/cli-width-2.2.1.tgz}
     name: cli-width
     version: 2.2.1
     dev: true
 
+  registry.npmjs.org/cli-width/3.0.0:
+    resolution: {integrity: sha512-FxqpkPPwu1HjuN93Omfm4h8uIanXofW0RxVEW3k5RKx+mJJYSthzNhp32Kzxxy3YAEZ/Dc/EWN1vZRY0+kOhbw==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/cli-width/-/cli-width-3.0.0.tgz}
+    name: cli-width
+    version: 3.0.0
+    engines: {node: '>= 10'}
+    dev: true
+
   registry.npmjs.org/clone-response/1.0.2:
     resolution: {integrity: sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/clone-response/-/clone-response-1.0.2.tgz}
     name: clone-response
@@ -10671,6 +10696,11 @@ packages:
     version: 0.1.4
     dev: true
 
+  registry.npmjs.org/emoji-regex/8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz}
+    name: emoji-regex
+    version: 8.0.0
+
   registry.npmjs.org/end-of-stream/1.4.4:
     resolution: {integrity: sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz}
     name: end-of-stream
@@ -11055,6 +11085,15 @@ packages:
       escape-string-regexp: registry.npmjs.org/escape-string-regexp/1.0.5
     dev: true
 
+  registry.npmjs.org/figures/3.2.0:
+    resolution: {integrity: sha512-yaduQFRKLXYOGgEn6AZau90j3ggSOyiqXU0F9JZfeXYhNa+Jk4X+s45A2zg5jns87GAFa34BBm2kXw4XpNcbdg==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/figures/-/figures-3.2.0.tgz}
+    name: figures
+    version: 3.2.0
+    engines: {node: '>=8'}
+    dependencies:
+      escape-string-regexp: registry.npmjs.org/escape-string-regexp/1.0.5
+    dev: true
+
   registry.npmjs.org/file-type/3.9.0:
     resolution: {integrity: sha1-JXoHg4TR24CHvESdEH1SpSZyuek=, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/file-type/-/file-type-3.9.0.tgz}
     name: file-type
@@ -11191,6 +11230,16 @@ packages:
       universalify: registry.npmjs.org/universalify/2.0.0
     dev: true
 
+  registry.npmjs.org/fs-extra/5.0.0:
+    resolution: {integrity: sha512-66Pm4RYbjzdyeuqudYqhFiNBbCIuI9kgRqLPSHIlXHidW8NIQtVdkM1yeZ4lXwuhbTETv3EUGMNHAAw6hiundQ==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-5.0.0.tgz}
+    name: fs-extra
+    version: 5.0.0
+    dependencies:
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.9
+      jsonfile: registry.npmjs.org/jsonfile/4.0.0
+      universalify: registry.npmjs.org/universalify/0.1.2
+    dev: true
+
   registry.npmjs.org/fs-extra/8.1.0:
     resolution: {integrity: sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-8.1.0.tgz}
     name: fs-extra
@@ -11545,6 +11594,27 @@ packages:
       through: registry.npmjs.org/through/2.3.8
     dev: true
 
+  registry.npmjs.org/inquirer/7.3.3:
+    resolution: {integrity: sha512-JG3eIAj5V9CwcGvuOmoo6LB9kbAYT8HXffUl6memuszlwDC/qvFAJw49XJ5NROSFNPxp3iQg1GqkFhaY/CR0IA==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/inquirer/-/inquirer-7.3.3.tgz}
+    name: inquirer
+    version: 7.3.3
+    engines: {node: '>=8.0.0'}
+    dependencies:
+      ansi-escapes: registry.npmjs.org/ansi-escapes/4.3.2
+      chalk: registry.npmjs.org/chalk/4.1.2
+      cli-cursor: registry.npmjs.org/cli-cursor/3.1.0
+      cli-width: registry.npmjs.org/cli-width/3.0.0
+      external-editor: registry.npmjs.org/external-editor/3.1.0
+      figures: registry.npmjs.org/figures/3.2.0
+      lodash: registry.npmjs.org/lodash/4.17.21
+      mute-stream: registry.npmjs.org/mute-stream/0.0.8
+      run-async: registry.npmjs.org/run-async/2.4.1
+      rxjs: registry.npmjs.org/rxjs/6.6.7
+      string-width: registry.npmjs.org/string-width/4.2.3
+      strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
+      through: registry.npmjs.org/through/2.3.8
+    dev: true
+
   registry.npmjs.org/into-stream/3.1.0:
     resolution: {integrity: sha1-lvsKk2wSur1v8XUqF9BWFqvQlMY=, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/into-stream/-/into-stream-3.1.0.tgz}
     name: into-stream
@@ -11865,6 +11935,13 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
+  registry.npmjs.org/mimic-fn/2.1.0:
+    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz}
+    name: mimic-fn
+    version: 2.1.0
+    engines: {node: '>=6'}
+    dev: true
+
   registry.npmjs.org/mimic-response/1.0.1:
     resolution: {integrity: sha512-j5EctnkH7amfV/q5Hgmoal1g2QHFJRraOtmx0JpIqkxhBhI/lJSl1nMpQ45hVarwNETOoWEimndZ4QK0RHxuxQ==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/mimic-response/-/mimic-response-1.0.1.tgz}
     name: mimic-response
@@ -11911,6 +11988,12 @@ packages:
     version: 0.0.7
     dev: true
 
+  registry.npmjs.org/mute-stream/0.0.8:
+    resolution: {integrity: sha512-nnbWWOkoWyUsTjKrhgD0dcz22mdkSnpYqbEjIm2nhwhuxlSkpywJmBo8h0ZqJdkp73mb90SssHkN4rsRaBAfAA==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.8.tgz}
+    name: mute-stream
+    version: 0.0.8
+    dev: true
+
   registry.npmjs.org/needle/2.9.1:
     resolution: {integrity: sha512-6R9fqJ5Zcmf+uYaFgdIHmLwNldn5HbK8L5ybn7Uz+ylX/rnOsSp1AHcvQSrCaFN+qNM1wpymHqD7mVasEOlHGQ==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/needle/-/needle-2.9.1.tgz}
     name: needle
@@ -11931,6 +12014,20 @@ packages:
     version: 1.0.5
     dev: true
 
+  registry.npmjs.org/node-fetch/2.6.7:
+    resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/node-fetch/-/node-fetch-2.6.7.tgz}
+    name: node-fetch
+    version: 2.6.7
+    engines: {node: 4.x || >=6.0.0}
+    peerDependencies:
+      encoding: ^0.1.0
+    peerDependenciesMeta:
+      encoding:
+        optional: true
+    dependencies:
+      whatwg-url: registry.npmjs.org/whatwg-url/5.0.0
+    dev: true
+
   registry.npmjs.org/normalize-url/2.0.1:
     resolution: {integrity: sha512-D6MUW4K/VzoJ4rJ01JFKxDrtY1v9wrgzCX5f2qj/lzH1m/lW6MhUZFKerVsnyjOhOsYzI9Kqqak+10l4LvLpMw==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/normalize-url/-/normalize-url-2.0.1.tgz}
     name: normalize-url
@@ -11985,6 +12082,15 @@ packages:
       mimic-fn: registry.npmjs.org/mimic-fn/1.2.0
     dev: true
 
+  registry.npmjs.org/onetime/5.1.2:
+    resolution: {integrity: sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/onetime/-/onetime-5.1.2.tgz}
+    name: onetime
+    version: 5.1.2
+    engines: {node: '>=6'}
+    dependencies:
+      mimic-fn: registry.npmjs.org/mimic-fn/2.1.0
+    dev: true
+
   registry.npmjs.org/os-filter-obj/2.0.0:
     resolution: {integrity: sha512-uksVLsqG3pVdzzPvmAHpBK0wKxYItuzZr7SziusRPoz67tGV8rL1szZ6IdeUrbqLjGDwApBtN29eEE3IqGHOjg==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/os-filter-obj/-/os-filter-obj-2.0.0.tgz}
     name: os-filter-obj
@@ -12161,6 +12267,25 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  registry.npmjs.org/pont-engine/1.2.0:
+    resolution: {integrity: sha512-QMtzdxhpoARbq/SpXmrUf5RMS6RLzdM8rLA7SGukAqBjrEhAMRNOdbOmNDVayM/RwPkK5FUDxIVBxh2pOLpQ3A==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/pont-engine/-/pont-engine-1.2.0.tgz}
+    name: pont-engine
+    version: 1.2.0
+    hasBin: true
+    dependencies:
+      chalk: registry.npmjs.org/chalk/2.4.2
+      commander: registry.npmjs.org/commander/2.20.3
+      fs-extra: registry.npmjs.org/fs-extra/5.0.0
+      inquirer: registry.npmjs.org/inquirer/7.3.3
+      lodash: registry.npmjs.org/lodash/4.17.21
+      node-fetch: registry.npmjs.org/node-fetch/2.6.7
+      prettier: registry.npmjs.org/prettier/2.6.0
+      translation.js: registry.npmjs.org/translation.js/0.7.15
+      typescript: registry.npmjs.org/typescript/3.9.10
+    transitivePeerDependencies:
+      - encoding
+    dev: true
+
   registry.npmjs.org/prepend-http/2.0.0:
     resolution: {integrity: sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/prepend-http/-/prepend-http-2.0.0.tgz}
     name: prepend-http
@@ -12168,6 +12293,14 @@ packages:
     engines: {node: '>=4'}
     dev: true
 
+  registry.npmjs.org/prettier/2.6.0:
+    resolution: {integrity: sha512-m2FgJibYrBGGgQXNzfd0PuDGShJgRavjUoRCw1mZERIWVSXF0iLzLm+aOqTAbLnC3n6JzUhAA8uZnFVghHJ86A==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/prettier/-/prettier-2.6.0.tgz}
+    name: prettier
+    version: 2.6.0
+    engines: {node: '>=10.13.0'}
+    hasBin: true
+    dev: true
+
   registry.npmjs.org/process-nextick-args/2.0.1:
     resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz}
     name: process-nextick-args
@@ -12288,6 +12421,16 @@ packages:
       signal-exit: registry.npmjs.org/signal-exit/3.0.7
     dev: true
 
+  registry.npmjs.org/restore-cursor/3.1.0:
+    resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/restore-cursor/-/restore-cursor-3.1.0.tgz}
+    name: restore-cursor
+    version: 3.1.0
+    engines: {node: '>=8'}
+    dependencies:
+      onetime: registry.npmjs.org/onetime/5.1.2
+      signal-exit: registry.npmjs.org/signal-exit/3.0.7
+    dev: true
+
   registry.npmjs.org/reusify/1.0.4:
     resolution: {integrity: sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz}
     name: reusify
@@ -12488,7 +12631,7 @@ packages:
     version: 4.2.3
     engines: {node: '>=8'}
     dependencies:
-      emoji-regex: 8.0.0
+      emoji-regex: registry.npmjs.org/emoji-regex/8.0.0
       is-fullwidth-code-point: registry.npmjs.org/is-fullwidth-code-point/3.0.0
       strip-ansi: registry.npmjs.org/strip-ansi/6.0.1
 
@@ -12685,6 +12828,30 @@ packages:
       is-number: registry.npmjs.org/is-number/7.0.0
     dev: true
 
+  registry.npmjs.org/tr46/0.0.3:
+    resolution: {integrity: sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o=, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz}
+    name: tr46
+    version: 0.0.3
+
+  registry.npmjs.org/tr46/1.0.1:
+    resolution: {integrity: sha1-qLE/1r/SSJUZZ0zN5VujaTtwbQk=, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/tr46/-/tr46-1.0.1.tgz}
+    name: tr46
+    version: 1.0.1
+    dependencies:
+      punycode: 2.1.1
+    dev: true
+
+  registry.npmjs.org/translation.js/0.7.15:
+    resolution: {integrity: sha512-TFgTbvbUY73JXIir3A/MUBDkdlstYOIF3PzpzsC8T5FZVCWrRHtdLeICN0G//GblX3vKCg3cSdCnTovq1/utxw==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/translation.js/-/translation.js-0.7.15.tgz}
+    name: translation.js
+    version: 0.7.15
+    dependencies:
+      '@types/blueimp-md5': registry.npmjs.org/@types/blueimp-md5/2.18.0
+      '@types/node': registry.npmjs.org/@types/node/12.20.47
+      blueimp-md5: registry.npmjs.org/blueimp-md5/2.19.0
+      tslib: registry.npmjs.org/tslib/1.14.1
+    dev: true
+
   registry.npmjs.org/trim-repeated/1.0.0:
     resolution: {integrity: sha1-42RqLqTokTEr9+rObPsFOAvAHCE=, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz}
     name: trim-repeated
@@ -12749,6 +12916,21 @@ packages:
       safe-buffer: registry.npmjs.org/safe-buffer/5.2.1
     dev: true
 
+  registry.npmjs.org/type-fest/0.21.3:
+    resolution: {integrity: sha512-t0rzBq87m3fVcduHDUFhKmyyX+9eo6WQjZvf51Ea/M0Q7+T374Jp1aUiyUl0GKxp8M/OETVHSDvmkyPgvX+X2w==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/type-fest/-/type-fest-0.21.3.tgz}
+    name: type-fest
+    version: 0.21.3
+    engines: {node: '>=10'}
+    dev: true
+
+  registry.npmjs.org/typescript/3.9.10:
+    resolution: {integrity: sha512-w6fIxVE/H1PkLKcCPsFqKE7Kv7QUwhU8qQY2MueZXWx5cPZdwFupLgKK3vntcK98BtNHZtAF4LA/yl2a7k8R6Q==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-3.9.10.tgz}
+    name: typescript
+    version: 3.9.10
+    engines: {node: '>=4.2.0'}
+    hasBin: true
+    dev: true
+
   registry.npmjs.org/typescript/4.6.2:
     resolution: {integrity: sha512-HM/hFigTBHZhLXshn9sN37H085+hQGeJHJ/X7LpBWLID/fbc2acUMfU+lGD98X81sKP+pFa9f0DZmCwB9GnbAg==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/typescript/-/typescript-4.6.2.tgz}
     name: typescript
@@ -12860,6 +13042,26 @@ packages:
       - supports-color
     dev: true
 
+  registry.npmjs.org/webidl-conversions/3.0.1:
+    resolution: {integrity: sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE=, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz}
+    name: webidl-conversions
+    version: 3.0.1
+
+  registry.npmjs.org/webidl-conversions/4.0.2:
+    resolution: {integrity: sha512-YQ+BmxuTgd6UXZW3+ICGfyqRyHXVlD5GtQr5+qjiNW7bF0cqrzX500HVXPBOvgXb5YnzDd+h0zqyv61KUD7+Sg==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-4.0.2.tgz}
+    name: webidl-conversions
+    version: 4.0.2
+    dev: true
+
+  registry.npmjs.org/whatwg-url/5.0.0:
+    resolution: {integrity: sha1-lmRU6HZUYuN2RNNib2dCzotwll0=, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz}
+    name: whatwg-url
+    version: 5.0.0
+    dependencies:
+      tr46: registry.npmjs.org/tr46/0.0.3
+      webidl-conversions: registry.npmjs.org/webidl-conversions/3.0.1
+    dev: true
+
   registry.npmjs.org/which/1.3.1:
     resolution: {integrity: sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==, registry: https://registry.yarnpkg.com/, tarball: https://registry.npmjs.org/which/-/which-1.3.1.tgz}
     name: which

pont-config.json

+{
+    "originUrl": "http://localhost:8181/basic-api/v2/api-docs",
+    "templatePath": "./pont.template",
+    "outDir": "./src/api/services",
+    "surrounding": "typeScript",
+    "mocks": {
+        "enable": true,
+        "basePath": "",
+        "port": 3101,
+        "wrapper": "{\"status\": 200, \"body\": {response}, \"message\": \"OK\"}"
+    },
+    "templateType": "fetch",
+    "prettierConfig": {
+        "printWidth": 120,
+        "semi": false,
+        "tabWidth": 4,
+        "singleQuote": true,
+        "trailingComma": "all",
+        "proseWrap": "never",
+        "endOfLine": "lf"
+    }
+}

pont.template.ts

+import { Interface, BaseClass, Property, CodeGenerator } from 'pont-engine'
+
+export default class MyGenerator extends CodeGenerator {
+    getParams(inter: Interface) {
+        const requestParams = inter.getRequestParams(this.surrounding)
+
+        return `${requestParams.replace(
+            'options?: any',
+            `config?: axios.RequestConfig<Params${requestParams.includes('form') ? ' | FormData' : ''}>`,
+        )}, options?: axios.RequestOptions`
+    }
+
+    getInterfaceContentInDeclaration(inter: Interface) {
+        const requestParams = this.getParams(inter)
+        const paramsCode = inter.getParamsCode('Params')
+
+        return `
+            export ${paramsCode}
+
+            export type Response = ${inter.responseType.replace(/defs.Result\<(.*)\>/, '$1')};
+
+            export const init: Response;
+
+            export function request(${requestParams}): Promise<Response>;
+        `
+    }
+
+    getBaseClassInDeclaration(base: BaseClass) {
+        const originProps = base.properties
+
+        base.properties = base.properties.map((prop) => {
+            return new Property({
+                ...prop,
+                required: false,
+            })
+        })
+
+        const result = super.getBaseClassInDeclaration(base)
+        base.properties = originProps
+
+        return result
+    }
+
+    getInterfaceContent(inter: Interface) {
+        const method = inter.method.toUpperCase()
+        const requestParams = this.getParams(inter)
+        const paramsCode = inter.getParamsCode('Params', this.surrounding)
+
+        return `
+            /**
+             * @desc ${inter.description}
+             */
+
+            import * as defs from '../../baseClass';
+            import { defHttp } from '/@/utils/http/axios'
+
+            export ${paramsCode}
+
+            export const init = ${inter.response.getInitialValue()};
+
+            export function request(${requestParams}) {
+                return defHttp.request({
+                    url: "${inter.path}",
+                    method: '${method}',
+                    ${
+                        method === 'GET'
+                            ? 'params'
+                            : `data: ${requestParams.includes('form') ? 'form || params' : 'params'}`
+                    },
+
+                    ...config,
+                }, options);
+            }
+        `
+    }
+}

prettier.config.js

 module.exports = {
-    printWidth: 100,
+    printWidth: 120,
     semi: false,
     tabWidth: 4,
     vueIndentScriptAndStyle: true,
@@ -7,5 +7,5 @@ module.exports = {
     trailingComma: 'all',
     proseWrap: 'never',
     htmlWhitespaceSensitivity: 'strict',
-    endOfLine: 'auto',
+    endOfLine: 'lf',
 }

src/api/services/api.d.ts

+type ObjectMap<Key extends string | number | symbol = any, Value = any> = {
+    [key in Key]: Value
+}
+
+declare namespace defs {
+    export class LoginVo {
+        /** token */
+        token?: string
+    }
+
+    export class PageVo<T0 = any> {
+        /** 数据 */
+        data?: Array<T0>
+
+        /** 数据最新时间 */
+        latest?: string
+
+        /** 数据总数 */
+        total?: number
+    }
+
+    export class PermissionVo {
+        /** 子权限 */
+        children?: Array<defs.PermissionVo>
+
+        /** 组件 */
+        component?: string
+
+        /** 是否启用 */
+        enable?: boolean
+
+        /** 是否隐藏 */
+        hidden?: boolean
+
+        /** 图标 */
+        icon?: string
+
+        /** 主键 */
+        id?: number
+
+        /** 名称 */
+        name?: string
+
+        /** 路径 */
+        path?: string
+
+        /** 父级ID */
+        pid?: number
+
+        /** 序号 */
+        serial?: number
+
+        /** 权限类型 */
+        type?: 'MENU' | 'BUTTON'
+
+        /** 标识 */
+        uid?: string
+    }
+
+    export class Result<T0 = any> {
+        /** 内容 */
+        body?: T0
+
+        /** 业务标识码 */
+        code?: number
+
+        /** 详细信息 */
+        details?: string
+
+        /** 异常信息 */
+        error?: string
+
+        /** 消息 */
+        message?: string
+
+        /** 状态码 */
+        status?: number
+
+        /** 耗时 */
+        times?: string
+
+        /** 响应时间 */
+        timestamp?: string
+    }
+
+    export class RoleVo {
+        /** 主键 */
+        id?: number
+
+        /** 名称 */
+        name?: string
+
+        /** 权限 */
+        permissions?: Array<defs.PermissionVo>
+
+        /** 标识 */
+        uid?: string
+    }
+
+    export class UserInfo {
+        /** 头像 */
+        avatar?: string
+
+        /** 邮箱 */
+        email?: string
+
+        /** 主页地址 */
+        homePath?: string
+
+        /** 手机号 */
+        mobile?: string
+
+        /** 权限 */
+        permissions?: Array<defs.PermissionVo>
+
+        /** 真实姓名 */
+        realName?: string
+
+        /** 角色 */
+        roles?: Array<defs.RoleVo>
+
+        /** 职称 */
+        title?: string
+
+        /** 主键 */
+        userId?: number
+
+        /** 用户名 */
+        username?: string
+    }
+
+    export class UserVo {
+        /** 头像 */
+        avatar?: string
+
+        /** 最后登录时间 */
+        createTime?: string
+
+        /** 是否删除 */
+        deleted?: boolean
+
+        /** 邮箱 */
+        email?: string
+
+        /** 是否启用 */
+        enabled?: boolean
+
+        /** 主键 */
+        id?: number
+
+        /** 最后登录IP地址 */
+        lastLoginIp?: string
+
+        /** 最后登录时间 */
+        lastLoginTime?: string
+
+        /** 手机号 */
+        mobile?: string
+
+        /** 真实姓名 */
+        realName?: string
+
+        /** 职称 */
+        title?: string
+
+        /** 用户名 */
+        username?: string
+    }
+}
+
+declare namespace API {
+    /**
+     *
+     */
+    export namespace auth {
+        /**
+         * 登录
+         * /basic-api/auth/login
+         */
+        export namespace login {
+            export class Params {
+                /** 账号(支持用户名/手机号/邮箱) */
+                account: string
+                /** 密码 */
+                password: string
+            }
+
+            export type Response = defs.LoginVo
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 登出
+         * /basic-api/auth/logout
+         */
+        export namespace logout {
+            export class Params {}
+
+            export type Response = string
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 注册
+         * /basic-api/auth/register
+         */
+        export namespace register {
+            export class Params {
+                /** 头像 */
+                avatar?: string
+                /** 邮箱 */
+                email?: string
+                /** 是否启用 */
+                enable?: boolean
+                /** 手机号 */
+                mobile: string
+                /** 密码 */
+                password: string
+                /** 真实姓名 */
+                realName: string
+                /** 职称 */
+                title?: string
+                /** 用户名 */
+                username: string
+            }
+
+            export type Response = string
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+    }
+
+    /**
+     *
+     */
+    export namespace hello {
+        /**
+         * hello
+         * /basic-api/hello/
+         */
+        export namespace hello {
+            export class Params {}
+
+            export type Response = string
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * fail
+         * /basic-api/hello/fail
+         */
+        export namespace fail {
+            export class Params {}
+
+            export type Response = string
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * page
+         * /basic-api/hello/page
+         */
+        export namespace page {
+            export class Params {
+                /** 当前页数 */
+                pageNo: number
+                /** 分页条数 */
+                pageSize: number
+                /** 排序字段 */
+                sortField?: string
+                /** 排序方向（ASC|DESC） */
+                sortOrder?: 'ASC' | 'DESC'
+            }
+
+            export type Response = defs.PageVo<string>
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+    }
+
+    /**
+     *
+     */
+    export namespace minio {
+        /**
+         * 文件上传
+         * /basic-api/common/minio/upload
+         */
+        export namespace upload {
+            export class Params {}
+
+            export type Response = string
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                form: FormData,
+                config?: axios.RequestConfig<Params | FormData>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+    }
+
+    /**
+     *
+     */
+    export namespace permission {
+        /**
+         * 新增
+         * /basic-api/manage/permission/add
+         */
+        export namespace add {
+            export class Params {
+                /** 组件 */
+                component?: string
+                /** 是否启用 */
+                enable?: boolean
+                /** 是否隐藏 */
+                hidden?: boolean
+                /** 图标 */
+                icon?: string
+                /** 名称 */
+                name: string
+                /** 路径 */
+                path?: string
+                /** 父级ID */
+                pid?: number
+                /** 序号 */
+                serial?: number
+                /** 权限类型 */
+                type: 'MENU' | 'BUTTON'
+                /** 标识 */
+                uid: string
+            }
+
+            export type Response = string
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 删除
+         * /basic-api/manage/permission/deleted
+         */
+        export namespace deleted {
+            export class Params {
+                /** id */
+                id: number
+            }
+
+            export type Response = string
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 查询
+         * /basic-api/manage/permission/find
+         */
+        export namespace find {
+            export class Params {
+                /** id */
+                id: number
+            }
+
+            export type Response = defs.PermissionVo
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 修改
+         * /basic-api/manage/permission/modify
+         */
+        export namespace modify {
+            export class Params {
+                /** 组件 */
+                component?: string
+                /** 是否启用 */
+                enable?: boolean
+                /** 是否隐藏 */
+                hidden?: boolean
+                /** 图标 */
+                icon?: string
+                /** id */
+                id: number
+                /** 名称 */
+                name: string
+                /** 路径 */
+                path?: string
+                /** 父级ID */
+                pid?: number
+                /** 序号 */
+                serial?: number
+                /** 权限类型 */
+                type: 'MENU' | 'BUTTON'
+                /** 标识 */
+                uid: string
+            }
+
+            export type Response = string
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 分页查询
+         * /basic-api/manage/permission/page
+         */
+        export namespace page {
+            export class Params {
+                /** 当前页数 */
+                pageNo: number
+                /** 分页条数 */
+                pageSize: number
+                /** 排序字段 */
+                sortField?: string
+                /** 排序方向（ASC|DESC） */
+                sortOrder?: 'ASC' | 'DESC'
+            }
+
+            export type Response = defs.PageVo<defs.PermissionVo>
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 树结构查询
+         * /basic-api/manage/permission/tree
+         */
+        export namespace tree {
+            export class Params {
+                /** 父级 id */
+                pid?: number
+            }
+
+            export type Response = Array<defs.PermissionVo>
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+    }
+
+    /**
+     *
+     */
+    export namespace role {
+        /**
+         * 新增
+         * /basic-api/manage/role/add
+         */
+        export namespace add {
+            export class Params {
+                /** 名称 */
+                name: string
+                /** 标识 */
+                uid: string
+            }
+
+            export type Response = string
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 分配权限
+         * /basic-api/manage/role/assign
+         */
+        export namespace assign {
+            export class Params {
+                /** id */
+                id: number
+                /** ids 多个以逗号分割 */
+                ids: string
+            }
+
+            export type Response = string
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 删除
+         * /basic-api/manage/role/deleted
+         */
+        export namespace deleted {
+            export class Params {
+                /** id */
+                id: number
+            }
+
+            export type Response = string
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 查询
+         * /basic-api/manage/role/find
+         */
+        export namespace find {
+            export class Params {
+                /** id */
+                id: number
+            }
+
+            export type Response = defs.RoleVo
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 修改
+         * /basic-api/manage/role/modify
+         */
+        export namespace modify {
+            export class Params {
+                /** id */
+                id: number
+                /** 名称 */
+                name: string
+                /** 标识 */
+                uid: string
+            }
+
+            export type Response = string
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 分页查询
+         * /basic-api/manage/role/page
+         */
+        export namespace page {
+            export class Params {
+                /** 当前页数 */
+                pageNo: number
+                /** 分页条数 */
+                pageSize: number
+                /** 排序字段 */
+                sortField?: string
+                /** 排序方向（ASC|DESC） */
+                sortOrder?: 'ASC' | 'DESC'
+            }
+
+            export type Response = defs.PageVo<defs.RoleVo>
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 选项查询
+         * /basic-api/manage/role/selector
+         */
+        export namespace selector {
+            export class Params {}
+
+            export type Response = Array<defs.RoleVo>
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+    }
+
+    /**
+     *
+     */
+    export namespace user {
+        /**
+         * 获取登录用户信息
+         * /basic-api/user/info
+         */
+        export namespace info {
+            export class Params {}
+
+            export type Response = defs.UserInfo
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 分配角色
+         * /basic-api/user/manage/assign
+         */
+        export namespace assign {
+            export class Params {
+                /** id */
+                id: number
+                /** ids 多个以逗号分割 */
+                ids: string
+            }
+
+            export type Response = string
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+
+        /**
+         * 分页查询
+         * /basic-api/user/manage/page
+         */
+        export namespace page {
+            export class Params {
+                /** 当前页数 */
+                pageNo: number
+                /** 分页条数 */
+                pageSize: number
+                /** 排序字段 */
+                sortField?: string
+                /** 排序方向（ASC|DESC） */
+                sortOrder?: 'ASC' | 'DESC'
+            }
+
+            export type Response = defs.PageVo<defs.UserVo>
+
+            export const init: Response
+
+            export function request(
+                params: Params,
+                config?: axios.RequestConfig<Params>,
+                options?: axios.RequestOptions,
+            ): Promise<Response>
+        }
+    }
+}

src/api/services/baseClass.ts

+export class LoginVo {
+    /** token */
+    token = ''
+}
+
+export class PageVo {
+    /** 数据 */
+    data = []
+
+    /** 数据最新时间 */
+    latest = ''
+
+    /** 数据总数 */
+    total = undefined
+}
+
+export class PermissionVo {
+    /** 子权限 */
+    children = []
+
+    /** 组件 */
+    component = ''
+
+    /** 是否启用 */
+    enable = false
+
+    /** 是否隐藏 */
+    hidden = false
+
+    /** 图标 */
+    icon = ''
+
+    /** 主键 */
+    id = undefined
+
+    /** 名称 */
+    name = ''
+
+    /** 路径 */
+    path = ''
+
+    /** 父级ID */
+    pid = undefined
+
+    /** 序号 */
+    serial = undefined
+
+    /** 权限类型 */
+    type = 'MENU'
+
+    /** 标识 */
+    uid = ''
+}
+
+export class Result {
+    /** 内容 */
+    body = new LoginVo()
+
+    /** 业务标识码 */
+    code = undefined
+
+    /** 详细信息 */
+    details = ''
+
+    /** 异常信息 */
+    error = ''
+
+    /** 消息 */
+    message = ''
+
+    /** 状态码 */
+    status = undefined
+
+    /** 耗时 */
+    times = ''
+
+    /** 响应时间 */
+    timestamp = ''
+}
+
+export class RoleVo {
+    /** 主键 */
+    id = undefined
+
+    /** 名称 */
+    name = ''
+
+    /** 权限 */
+    permissions = []
+
+    /** 标识 */
+    uid = ''
+}
+
+export class UserInfo {
+    /** 头像 */
+    avatar = ''
+
+    /** 邮箱 */
+    email = ''
+
+    /** 主页地址 */
+    homePath = ''
+
+    /** 手机号 */
+    mobile = ''
+
+    /** 权限 */
+    permissions = []
+
+    /** 真实姓名 */
+    realName = ''
+
+    /** 角色 */
+    roles = []
+
+    /** 职称 */
+    title = ''
+
+    /** 主键 */
+    userId = undefined
+
+    /** 用户名 */
+    username = ''
+}
+
+export class UserVo {
+    /** 头像 */
+    avatar = ''
+
+    /** 最后登录时间 */
+    createTime = ''
+
+    /** 是否删除 */
+    deleted = false
+
+    /** 邮箱 */
+    email = ''
+
+    /** 是否启用 */
+    enabled = false
+
+    /** 主键 */
+    id = undefined
+
+    /** 最后登录IP地址 */
+    lastLoginIp = ''
+
+    /** 最后登录时间 */
+    lastLoginTime = ''
+
+    /** 手机号 */
+    mobile = ''
+
+    /** 真实姓名 */
+    realName = ''
+
+    /** 职称 */
+    title = ''
+
+    /** 用户名 */
+    username = ''
+}

src/api/services/index.ts

+import * as defs from './baseClass'
+import './mods/'
+;(window as any).defs = defs

src/api/services/mods/auth/index.ts

+/**
+ * @description
+ */
+import * as login from './login'
+import * as logout from './logout'
+import * as register from './register'
+
+export { login, logout, register }

src/api/services/mods/auth/login.ts

+/**
+ * @desc 登录
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** 账号(支持用户名/手机号/邮箱) */
+    account: string
+    /** 密码 */
+    password: string
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/auth/login',
+            method: 'POST',
+            data: params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/auth/logout.ts

+/**
+ * @desc 登出
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/auth/logout',
+            method: 'GET',
+            params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/auth/register.ts

+/**
+ * @desc 注册
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** 头像 */
+    avatar?: string
+    /** 邮箱 */
+    email?: string
+    /** 是否启用 */
+    enable?: boolean
+    /** 手机号 */
+    mobile: string
+    /** 密码 */
+    password: string
+    /** 真实姓名 */
+    realName: string
+    /** 职称 */
+    title?: string
+    /** 用户名 */
+    username: string
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/auth/register',
+            method: 'POST',
+            data: params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/hello/fail.ts

+/**
+ * @desc fail
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/hello/fail',
+            method: 'GET',
+            params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/hello/hello.ts

+/**
+ * @desc hello
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/hello/',
+            method: 'GET',
+            params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/hello/index.ts

+/**
+ * @description
+ */
+import * as hello from './hello'
+import * as fail from './fail'
+import * as page from './page'
+
+export { hello, fail, page }

src/api/services/mods/hello/page.ts

+/**
+ * @desc page
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** 当前页数 */
+    pageNo: number
+    /** 分页条数 */
+    pageSize: number
+    /** 排序字段 */
+    sortField?: string
+    /** 排序方向（ASC|DESC） */
+    sortOrder?: 'ASC' | 'DESC'
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/hello/page',
+            method: 'GET',
+            params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/index.ts

+import * as auth from './auth'
+import * as hello from './hello'
+import * as minio from './minio'
+import * as permission from './permission'
+import * as role from './role'
+import * as user from './user'
+;(window as any).API = {
+    auth,
+    hello,
+    minio,
+    permission,
+    role,
+    user,
+}

src/api/services/mods/minio/index.ts

+/**
+ * @description
+ */
+import * as upload from './upload'
+
+export { upload }

src/api/services/mods/minio/upload.ts

+/**
+ * @desc 文件上传
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {}
+
+export const init = new defs.Result()
+
+export function request(
+    params: Params,
+    form: FormData,
+    config?: axios.RequestConfig<Params | FormData>,
+    options?: axios.RequestOptions,
+) {
+    return defHttp.request(
+        {
+            url: '/basic-api/common/minio/upload',
+            method: 'POST',
+            data: form || params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/permission/add.ts

+/**
+ * @desc 新增
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** 组件 */
+    component?: string
+    /** 是否启用 */
+    enable?: boolean
+    /** 是否隐藏 */
+    hidden?: boolean
+    /** 图标 */
+    icon?: string
+    /** 名称 */
+    name: string
+    /** 路径 */
+    path?: string
+    /** 父级ID */
+    pid?: number
+    /** 序号 */
+    serial?: number
+    /** 权限类型 */
+    type: 'MENU' | 'BUTTON'
+    /** 标识 */
+    uid: string
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/manage/permission/add',
+            method: 'POST',
+            data: params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/permission/deleted.ts

+/**
+ * @desc 删除
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** id */
+    id: number
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/manage/permission/deleted',
+            method: 'POST',
+            data: params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/permission/find.ts

+/**
+ * @desc 查询
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** id */
+    id: number
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/manage/permission/find',
+            method: 'GET',
+            params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/permission/index.ts

+/**
+ * @description
+ */
+import * as add from './add'
+import * as deleted from './deleted'
+import * as find from './find'
+import * as modify from './modify'
+import * as page from './page'
+import * as tree from './tree'
+
+export { add, deleted, find, modify, page, tree }

src/api/services/mods/permission/modify.ts

+/**
+ * @desc 修改
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** 组件 */
+    component?: string
+    /** 是否启用 */
+    enable?: boolean
+    /** 是否隐藏 */
+    hidden?: boolean
+    /** 图标 */
+    icon?: string
+    /** id */
+    id: number
+    /** 名称 */
+    name: string
+    /** 路径 */
+    path?: string
+    /** 父级ID */
+    pid?: number
+    /** 序号 */
+    serial?: number
+    /** 权限类型 */
+    type: 'MENU' | 'BUTTON'
+    /** 标识 */
+    uid: string
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/manage/permission/modify',
+            method: 'POST',
+            data: params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/permission/page.ts

+/**
+ * @desc 分页查询
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** 当前页数 */
+    pageNo: number
+    /** 分页条数 */
+    pageSize: number
+    /** 排序字段 */
+    sortField?: string
+    /** 排序方向（ASC|DESC） */
+    sortOrder?: 'ASC' | 'DESC'
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/manage/permission/page',
+            method: 'GET',
+            params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/permission/tree.ts

+/**
+ * @desc 树结构查询
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** 父级 id */
+    pid?: number
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/manage/permission/tree',
+            method: 'GET',
+            params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/role/add.ts

+/**
+ * @desc 新增
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** 名称 */
+    name: string
+    /** 标识 */
+    uid: string
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/manage/role/add',
+            method: 'POST',
+            data: params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/role/assign.ts

+/**
+ * @desc 分配权限
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** id */
+    id: number
+    /** ids 多个以逗号分割 */
+    ids: string
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/manage/role/assign',
+            method: 'POST',
+            data: params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/role/deleted.ts

+/**
+ * @desc 删除
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** id */
+    id: number
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/manage/role/deleted',
+            method: 'POST',
+            data: params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/role/find.ts

+/**
+ * @desc 查询
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** id */
+    id: number
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/manage/role/find',
+            method: 'GET',
+            params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/role/index.ts

+/**
+ * @description
+ */
+import * as add from './add'
+import * as assign from './assign'
+import * as deleted from './deleted'
+import * as find from './find'
+import * as modify from './modify'
+import * as page from './page'
+import * as selector from './selector'
+
+export { add, assign, deleted, find, modify, page, selector }

src/api/services/mods/role/modify.ts

+/**
+ * @desc 修改
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** id */
+    id: number
+    /** 名称 */
+    name: string
+    /** 标识 */
+    uid: string
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/manage/role/modify',
+            method: 'POST',
+            data: params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/role/page.ts

+/**
+ * @desc 分页查询
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** 当前页数 */
+    pageNo: number
+    /** 分页条数 */
+    pageSize: number
+    /** 排序字段 */
+    sortField?: string
+    /** 排序方向（ASC|DESC） */
+    sortOrder?: 'ASC' | 'DESC'
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/manage/role/page',
+            method: 'GET',
+            params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/role/selector.ts

+/**
+ * @desc 选项查询
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/manage/role/selector',
+            method: 'GET',
+            params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/user/assign.ts

+/**
+ * @desc 分配角色
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** id */
+    id: number
+    /** ids 多个以逗号分割 */
+    ids: string
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/user/manage/assign',
+            method: 'POST',
+            data: params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/user/index.ts

+/**
+ * @description
+ */
+import * as info from './info'
+import * as assign from './assign'
+import * as page from './page'
+
+export { info, assign, page }

src/api/services/mods/user/info.ts

+/**
+ * @desc 获取登录用户信息
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/user/info',
+            method: 'GET',
+            params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/services/mods/user/page.ts

+/**
+ * @desc 分页查询
+ */
+
+import * as defs from '../../baseClass'
+import { defHttp } from '/@/utils/http/axios'
+
+export class Params {
+    /** 当前页数 */
+    pageNo: number
+    /** 分页条数 */
+    pageSize: number
+    /** 排序字段 */
+    sortField?: string
+    /** 排序方向（ASC|DESC） */
+    sortOrder?: 'ASC' | 'DESC'
+}
+
+export const init = new defs.Result()
+
+export function request(params: Params, config?: axios.RequestConfig<Params>, options?: axios.RequestOptions) {
+    return defHttp.request(
+        {
+            url: '/basic-api/user/manage/page',
+            method: 'GET',
+            params,
+
+            ...config,
+        },
+        options,
+    )
+}

src/api/sys/upload.ts

@@ -8,10 +8,7 @@ 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,

src/components/Application/src/AppProvider.vue

@@ -45,12 +45,7 @@
                     if (!unref(isSetState)) {
                         isSetState.value = true
                         const {
-                            menuSetting: {
-                                type: menuType,
-                                mode: menuMode,
-                                collapsed: menuCollapsed,
-                                split: menuSplit,
-                            },
+                            menuSetting: { type: menuType, mode: menuMode, collapsed: menuCollapsed, split: menuSplit },
                         } = appStore.getProjectConfig
                         appStore.setProjectConfig({
                             menuSetting: {
@@ -64,8 +59,7 @@
                 } else {
                     if (unref(isSetState)) {
                         isSetState.value = false
-                        const { menuMode, menuCollapsed, menuType, menuSplit } =
-                            appStore.getBeforeMiniInfo
+                        const { menuMode, menuCollapsed, menuType, menuSplit } = appStore.getBeforeMiniInfo
                         appStore.setProjectConfig({
                             menuSetting: {
                                 type: menuType,

src/components/Application/src/search/AppSearch.vue

@@ -24,10 +24,7 @@
                                 default: () => <SearchOutlined />,
                             }}
                         </Tooltip>
-                        <AppSearchModal
-                            onClose={changeModal.bind(null, false)}
-                            visible={unref(showModal)}
-                        />
+                        <AppSearchModal onClose={changeModal.bind(null, false)} visible={unref(showModal)} />
                     </div>
                 )
             }

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

@@ -41,8 +41,7 @@
             margin-right: 0.4em;
             background-color: linear-gradient(-225deg, #d5dbe4, #f8f8f8);
             border-radius: 2px;
-            box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff,
-                0 1px 2px 1px rgb(30 35 90 / 40%);
+            box-shadow: inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px rgb(30 35 90 / 40%);
             align-items: center;
             justify-content: center;
 

src/components/Application/src/search/AppSearchModal.vue

@@ -84,8 +84,11 @@
     const [refs, setRefs] = useRefs()
     const { getIsMobile } = useAppInject()
 
-    const { handleSearch, searchResult, keyword, activeIndex, handleEnter, handleMouseenter } =
-        useMenuSearch(refs, scrollWrap, emit)
+    const { handleSearch, searchResult, keyword, activeIndex, handleEnter, handleMouseenter } = useMenuSearch(
+        refs,
+        scrollWrap,
+        emit,
+    )
 
     const getIsNotData = computed(() => !keyword || unref(searchResult).length === 0)
 

src/components/Authority/src/Authority.vue

@@ -18,9 +18,7 @@
              * @default ''
              */
             value: {
-                type: [Number, Array, String] as PropType<
-                    RoleEnum | RoleEnum[] | string | string[]
-                >,
+                type: [Number, Array, String] as PropType<RoleEnum | RoleEnum[] | string | string[]>,
                 default: '',
             },
         },

src/components/Basic/src/BasicHelp.vue

@@ -46,9 +46,7 @@
         setup(props, { slots }) {
             const { prefixCls } = useDesign('basic-help')
 
-            const getTooltipStyle = computed(
-                (): CSSProperties => ({ color: props.color, fontSize: props.fontSize }),
-            )
+            const getTooltipStyle = computed((): CSSProperties => ({ color: props.color, fontSize: props.fontSize }))
 
             const getOverlayStyle = computed((): CSSProperties => ({ maxWidth: props.maxWidth }))
 

src/components/CardList/src/CardList.vue

@@ -15,11 +15,7 @@
                         <Tooltip>
                             <template #title>
                                 <div class="w-50">每行显示数量</div
-                                ><Slider
-                                    id="slider"
-                                    v-bind="sliderProp"
-                                    v-model:value="grid"
-                                    @change="sliderChange"
+                                ><Slider id="slider" v-bind="sliderProp" v-model:value="grid" @change="sliderChange"
                             /></template>
                             <Button><TableOutlined /></Button>
                         </Tooltip>
@@ -61,10 +57,7 @@
 
                             <CardMeta>
                                 <template #title>
-                                    <TypographyText
-                                        :content="item.name"
-                                        :ellipsis="{ tooltip: item.address }"
-                                    />
+                                    <TypographyText :content="item.name" :ellipsis="{ tooltip: item.address }" />
                                 </template>
                                 <template #avatar>
                                     <Avatar :src="item.avatar" />
@@ -80,12 +73,7 @@
 </template>
 <script lang="ts" setup>
     import { computed, onMounted, ref } from 'vue'
-    import {
-        EditOutlined,
-        EllipsisOutlined,
-        RedoOutlined,
-        TableOutlined,
-    } from '@ant-design/icons-vue'
+    import { EditOutlined, EllipsisOutlined, RedoOutlined, TableOutlined } from '@ant-design/icons-vue'
     import { List, Card, Image, Typography, Tooltip, Slider, Avatar } from 'ant-design-vue'
     import { Dropdown } from '/@/components/Dropdown'
     import { BasicForm, useForm } from '/@/components/Form'

src/components/CodeEditor/src/CodeEditor.vue

 <template>
     <div class="h-full">
-        <CodeMirrorEditor
-            :value="getValue"
-            @change="handleValueChange"
-            :mode="mode"
-            :readonly="readonly"
-        />
+        <CodeMirrorEditor :value="getValue" @change="handleValueChange" :mode="mode" :readonly="readonly" />
     </div>
 </template>
 <script lang="ts" setup>

src/components/CodeEditor/src/codemirror/CodeMirror.vue

@@ -66,10 +66,7 @@
     )
 
     function setTheme() {
-        unref(editor)?.setOption(
-            'theme',
-            appStore.getDarkMode === 'light' ? 'idea' : 'material-palenight',
-        )
+        unref(editor)?.setOption('theme', appStore.getDarkMode === 'light' ? 'idea' : 'material-palenight')
     }
 
     function refresh() {

src/components/Container/src/LazyContainer.vue

 <template>
-    <transition-group
-        class="h-full w-full"
-        v-bind="$attrs"
-        ref="elRef"
-        :name="transitionName"
-        :tag="tag"
-        mode="out-in"
-    >
+    <transition-group class="h-full w-full" v-bind="$attrs" ref="elRef" :name="transitionName" :tag="tag" mode="out-in">
         <div key="component" v-if="isInit">
             <slot :loading="loading"></slot>
         </div>
@@ -39,9 +32,7 @@
          * If the component is scrolling in the page container, the viewport is the container
          */
         viewport: {
-            type: (typeof window !== 'undefined'
-                ? window.HTMLElement
-                : Object) as PropType<HTMLElement>,
+            type: (typeof window !== 'undefined' ? window.HTMLElement : Object) as PropType<HTMLElement>,
             default: () => null,
         },
         /**
@@ -124,8 +115,7 @@
                         rootMargin,
                         target: toRef(elRef.value, '$el'),
                         onIntersect: (entries: any[]) => {
-                            const isIntersecting =
-                                entries[0].isIntersecting || entries[0].intersectionRatio
+                            const isIntersecting = entries[0].isIntersecting || entries[0].intersectionRatio
                             if (isIntersecting) {
                                 init()
                                 if (observer) {

src/components/ContextMenu/src/ContextMenu.vue

@@ -31,11 +31,7 @@
     const ItemContent: FunctionalComponent<ItemContentProps> = (props) => {
         const { item } = props
         return (
-            <span
-                style="display: inline-block; width: 100%; "
-                class="px-4"
-                onClick={props.handler.bind(null, item)}
-            >
+            <span style="display: inline-block; width: 100%; " class="px-4" onClick={props.handler.bind(null, item)}>
                 {props.showIcon && item.icon && <Icon class="mr-2" icon={item.icon} />}
                 <span>{item.label}</span>
             </span>
@@ -101,11 +97,7 @@
                     if (!children || children.length === 0) {
                         return (
                             <>
-                                <Menu.Item
-                                    disabled={disabled}
-                                    class={`${prefixCls}__item`}
-                                    key={label}
-                                >
+                                <Menu.Item disabled={disabled} class={`${prefixCls}__item`} key={label}>
                                     <ItemContent {...contentProps} />
                                 </Menu.Item>
                                 {divider ? <Divider key={`d-${label}`} /> : null}
@@ -115,11 +107,7 @@
                     if (!unref(showRef)) return null
 
                     return (
-                        <Menu.SubMenu
-                            key={label}
-                            disabled={disabled}
-                            popupClassName={`${prefixCls}__popup`}
-                        >
+                        <Menu.SubMenu key={label} disabled={disabled} popupClassName={`${prefixCls}__popup`}>
                             {{
                                 title: () => <ItemContent {...contentProps} />,
                                 default: () => renderMenuItem(children),
@@ -135,12 +123,7 @@
                 const { items } = props
                 return (
                     <div class={prefixCls}>
-                        <Menu
-                            inlineIndent={12}
-                            mode="vertical"
-                            ref={wrapRef}
-                            style={unref(getStyle)}
-                        >
+                        <Menu inlineIndent={12} mode="vertical" ref={wrapRef} style={unref(getStyle)}>
                             {renderMenuItem(items)}
                         </Menu>
                     </div>
@@ -191,8 +174,7 @@
         background-color: @component-background;
         border: 1px solid rgb(0 0 0 / 8%);
         border-radius: 0.25rem;
-        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 10%),
-            0 1px 5px 0 rgb(0 0 0 / 6%);
+        box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 10%), 0 1px 5px 0 rgb(0 0 0 / 6%);
         background-clip: padding-box;
         user-select: none;
 

src/components/CountDown/src/CountdownInput.vue

 <template>
     <a-input v-bind="$attrs" :class="prefixCls" :size="size" :value="state">
         <template #addonAfter>
-            <CountButton
-                :size="size"
-                :count="count"
-                :value="state"
-                :beforeStartFunc="sendCodeApi"
-            />
+            <CountButton :size="size" :count="count" :value="state" :beforeStartFunc="sendCodeApi" />
         </template>
-        <template
-            #[item]="data"
-            v-for="item in Object.keys($slots).filter((k) => k !== 'addonAfter')"
-        >
+        <template #[item]="data" v-for="item in Object.keys($slots).filter((k) => k !== 'addonAfter')">
             <slot :name="item" v-bind="data || {}"></slot>
         </template>
     </a-input>

src/components/Cropper/src/CopperModal.vue

@@ -24,11 +24,7 @@
                 <div :class="`${prefixCls}-toolbar`">
                     <Upload :fileList="[]" accept="image/*" :beforeUpload="handleBeforeUpload">
                         <Tooltip :title="t('component.cropper.selectImage')" placement="bottom">
-                            <a-button
-                                size="small"
-                                preIcon="ant-design:upload-outlined"
-                                type="primary"
-                            />
+                            <a-button size="small" preIcon="ant-design:upload-outlined" type="primary" />
                         </Tooltip>
                     </Upload>
                     <Space>
@@ -50,10 +46,7 @@
                                 @click="handlerToolbar('rotate', -45)"
                             />
                         </Tooltip>
-                        <Tooltip
-                            :title="t('component.cropper.btn_rotate_right')"
-                            placement="bottom"
-                        >
+                        <Tooltip :title="t('component.cropper.btn_rotate_right')" placement="bottom">
                             <a-button
                                 type="primary"
                                 preIcon="ant-design:rotate-right-outlined"
@@ -103,11 +96,7 @@
             </div>
             <div :class="`${prefixCls}-right`">
                 <div :class="`${prefixCls}-preview`">
-                    <img
-                        :src="previewSource"
-                        v-if="previewSource"
-                        :alt="t('component.cropper.preview')"
-                    />
+                    <img :src="previewSource" v-if="previewSource" :alt="t('component.cropper.preview')" />
                 </div>
                 <template v-if="previewSource">
                     <div :class="`${prefixCls}-group`">
@@ -250,13 +239,7 @@
                     transparent 75%,
                     rgb(0 0 0 / 25%) 0
                 ),
-                linear-gradient(
-                    45deg,
-                    rgb(0 0 0 / 25%) 25%,
-                    transparent 0,
-                    transparent 75%,
-                    rgb(0 0 0 / 25%) 0
-                );
+                linear-gradient(45deg, rgb(0 0 0 / 25%) 25%, transparent 0, transparent 75%, rgb(0 0 0 / 25%) 0);
             background-position: 0 0, 12px 12px;
             background-size: 24px 24px;
         }

src/components/Cropper/src/Cropper.vue

 <template>
     <div :class="getClass" :style="getWrapperStyle">
-        <img
-            v-show="isReady"
-            ref="imgElRef"
-            :src="src"
-            :alt="alt"
-            :crossorigin="crossorigin"
-            :style="getImageStyle"
-        />
+        <img v-show="isReady" ref="imgElRef" :src="src" :alt="alt" :crossorigin="crossorigin" :style="getImageStyle" />
     </div>
 </template>
 <script lang="ts">
@@ -165,14 +158,7 @@
                 context.drawImage(sourceCanvas, 0, 0, width, height)
                 context.globalCompositeOperation = 'destination-in'
                 context.beginPath()
-                context.arc(
-                    width / 2,
-                    height / 2,
-                    Math.min(width, height) / 2,
-                    0,
-                    2 * Math.PI,
-                    true,
-                )
+                context.arc(width / 2, height / 2, Math.min(width, height) / 2, 0, 2 * Math.PI, true)
                 context.fill()
                 return canvas
             }

src/components/Cropper/src/CropperAvatar.vue

@@ -11,12 +11,7 @@
             </div>
             <img :src="sourceValue" v-if="sourceValue" alt="avatar" />
         </div>
-        <a-button
-            :class="`${prefixCls}-upload-btn`"
-            @click="openModal"
-            v-if="showBtn"
-            v-bind="btnProps"
-        >
+        <a-button :class="`${prefixCls}-upload-btn`" @click="openModal" v-if="showBtn" v-bind="btnProps">
             {{ btnText ? btnText : t('component.cropper.selectImage') }}
         </a-button>
 
@@ -29,16 +24,7 @@
     </div>
 </template>
 <script lang="ts">
-    import {
-        defineComponent,
-        computed,
-        CSSProperties,
-        unref,
-        ref,
-        watchEffect,
-        watch,
-        PropType,
-    } from 'vue'
+    import { defineComponent, computed, CSSProperties, unref, ref, watchEffect, watch, PropType } from 'vue'
     import CopperModal from './CopperModal.vue'
     import { useDesign } from '/@/hooks/web/useDesign'
     import { useModal } from '/@/components/Modal'
@@ -72,9 +58,7 @@
 
             const getWidth = computed(() => `${props.width}`.replace(/px/, '') + 'px')
 
-            const getIconWidth = computed(
-                () => parseInt(`${props.width}`.replace(/px/, '')) / 2 + 'px',
-            )
+            const getIconWidth = computed(() => parseInt(`${props.width}`.replace(/px/, '')) / 2 + 'px')
 
             const getStyle = computed((): CSSProperties => ({ width: unref(getWidth) }))
 

src/components/Description/src/typing.ts

@@ -12,10 +12,7 @@ export interface DescItem {
     span?: number
     show?: (...arg: any) => boolean
     // render
-    render?: (
-        val: any,
-        data: Recordable,
-    ) => VNode | undefined | JSX.Element | Element | string | number
+    render?: (val: any, data: Recordable) => VNode | undefined | JSX.Element | Element | string | number
 }
 
 export interface DescriptionProps extends DescriptionsProps {

src/components/Description/src/useDescription.ts

@@ -4,9 +4,7 @@ import { isProdMode } from '/@/utils/env'
 
 export function useDescription(props?: Partial<DescriptionProps>): UseDescReturnType {
     if (!getCurrentInstance()) {
-        throw new Error(
-            'useDescription() can only be used inside setup() or functional components!',
-        )
+        throw new Error('useDescription() can only be used inside setup() or functional components!')
     }
     const desc = ref<Nullable<DescInstance>>(null)
     const loaded = ref(false)

src/components/Drawer/src/BasicDrawer.vue

@@ -33,16 +33,7 @@
 <script lang="ts">
     import type { DrawerInstance, DrawerProps } from './typing'
     import type { CSSProperties } from 'vue'
-    import {
-        defineComponent,
-        ref,
-        computed,
-        watch,
-        unref,
-        nextTick,
-        toRaw,
-        getCurrentInstance,
-    } from 'vue'
+    import { defineComponent, ref, computed, watch, unref, nextTick, toRaw, getCurrentInstance } from 'vue'
     import { Drawer } from 'ant-design-vue'
     import { useI18n } from '/@/hooks/web/useI18n'
     import { isFunction, isNumber } from '/@/utils/is'
@@ -115,9 +106,7 @@
             const getFooterHeight = computed(() => {
                 const { footerHeight, showFooter } = unref(getProps)
                 if (showFooter && footerHeight) {
-                    return isNumber(footerHeight)
-                        ? `${footerHeight}px`
-                        : `${footerHeight.replace('px', '')}px`
+                    return isNumber(footerHeight) ? `${footerHeight}px` : `${footerHeight.replace('px', '')}px`
                 }
                 return `0px`
             })

src/components/Drawer/src/components/DrawerFooter.vue

@@ -2,12 +2,7 @@
     <div :class="prefixCls" :style="getStyle" v-if="showFooter || $slots.footer">
         <template v-if="!$slots.footer">
             <slot name="insertFooter"></slot>
-            <a-button
-                v-bind="cancelButtonProps"
-                @click="handleClose"
-                class="mr-2"
-                v-if="showCancelBtn"
-            >
+            <a-button v-bind="cancelButtonProps" @click="handleClose" class="mr-2" v-if="showCancelBtn">
                 {{ cancelText }}
             </a-button>
             <slot name="centerFooter"></slot>

src/components/Drawer/src/useDrawer.ts

@@ -5,16 +5,7 @@ import type {
     DrawerProps,
     UseDrawerInnerReturnType,
 } from './typing'
-import {
-    ref,
-    getCurrentInstance,
-    unref,
-    reactive,
-    watchEffect,
-    nextTick,
-    toRaw,
-    computed,
-} from 'vue'
+import { ref, getCurrentInstance, unref, reactive, watchEffect, nextTick, toRaw, computed } from 'vue'
 import { isProdMode } from '/@/utils/env'
 import { isFunction } from '/@/utils/is'
 import { tryOnUnmounted } from '@vueuse/core'
@@ -103,9 +94,7 @@ export const useDrawerInner = (callbackFn?: Fn): UseDrawerInnerReturnType => {
     const uidRef = ref<string>('')
 
     if (!getCurrentInstance()) {
-        throw new Error(
-            'useDrawerInner() can only be used inside setup() or functional components!',
-        )
+        throw new Error('useDrawerInner() can only be used inside setup() or functional components!')
     }
 
     const getInstance = () => {

src/components/Dropdown/src/Dropdown.vue

@@ -6,15 +6,8 @@
         <template #overlay>
             <a-menu :selectedKeys="selectedKeys">
                 <template v-for="item in dropMenuList" :key="`${item.event}`">
-                    <a-menu-item
-                        v-bind="getAttr(item.event)"
-                        @click="handleClickMenu(item)"
-                        :disabled="item.disabled"
-                    >
-                        <a-popconfirm
-                            v-if="popconfirm && item.popConfirm"
-                            v-bind="getPopConfirmAttrs(item.popConfirm)"
-                        >
+                    <a-menu-item v-bind="getAttr(item.event)" @click="handleClickMenu(item)" :disabled="item.disabled">
+                        <a-popconfirm v-if="popconfirm && item.popConfirm" v-bind="getPopConfirmAttrs(item.popConfirm)">
                             <template #icon v-if="item.popConfirm.icon">
                                 <Icon :icon="item.popConfirm.icon" />
                             </template>
@@ -84,10 +77,8 @@
     const getPopConfirmAttrs = computed(() => {
         return (attrs) => {
             const originAttrs = omit(attrs, ['confirm', 'cancel', 'icon'])
-            if (!attrs.onConfirm && attrs.confirm && isFunction(attrs.confirm))
-                originAttrs['onConfirm'] = attrs.confirm
-            if (!attrs.onCancel && attrs.cancel && isFunction(attrs.cancel))
-                originAttrs['onCancel'] = attrs.cancel
+            if (!attrs.onConfirm && attrs.confirm && isFunction(attrs.confirm)) originAttrs['onConfirm'] = attrs.confirm
+            if (!attrs.onCancel && attrs.cancel && isFunction(attrs.cancel)) originAttrs['onCancel'] = attrs.cancel
             return originAttrs
         }
     })

src/components/Excel/src/ExportExcelModal.vue

 <template>
-    <BasicModal
-        v-bind="$attrs"
-        :title="t('component.excel.exportModalTitle')"
-        @ok="handleOk"
-        @register="registerModal"
-    >
-        <BasicForm
-            :labelWidth="100"
-            :schemas="schemas"
-            :showActionButtonGroup="false"
-            @register="registerForm"
-        />
+    <BasicModal v-bind="$attrs" :title="t('component.excel.exportModalTitle')" @ok="handleOk" @register="registerModal">
+        <BasicForm :labelWidth="100" :schemas="schemas" :showActionButtonGroup="false" @register="registerForm" />
     </BasicModal>
 </template>
 <script lang="ts">

src/components/Excel/src/ImportExcel.vue

 <template>
     <div>
-        <input
-            ref="inputRef"
-            type="file"
-            v-show="false"
-            accept=".xlsx, .xls"
-            @change="handleInputClick"
-        />
+        <input ref="inputRef" type="file" v-show="false" accept=".xlsx, .xls" @change="handleInputClick" />
         <div @click="handleUpload">
             <slot></slot>
         </div>

src/components/FlowChart/src/FlowChartToolbar.vue

@@ -3,15 +3,8 @@
         <template v-for="item in toolbarItemList" :key="item.type">
             <Tooltip placement="bottom" v-bind="item.disabled ? { visible: false } : {}">
                 <template #title>{{ item.tooltip }}</template>
-                <span
-                    :class="`${prefixCls}-toolbar__icon`"
-                    v-if="item.icon"
-                    @click="onControl(item)"
-                >
-                    <Icon
-                        :icon="item.icon"
-                        :class="item.disabled ? 'cursor-not-allowed disabeld' : 'cursor-pointer'"
-                    />
+                <span :class="`${prefixCls}-toolbar__icon`" v-if="item.icon" @click="onControl(item)">
+                    <Icon :icon="item.icon" :class="item.disabled ? 'cursor-not-allowed disabeld' : 'cursor-pointer'" />
                 </span>
             </Tooltip>
             <Divider v-if="item.separate" type="vertical" />

src/components/Form/src/BasicForm.vue

@@ -41,16 +41,7 @@
     import type { AdvanceState } from './types/hooks'
     import type { Ref } from 'vue'
 
-    import {
-        defineComponent,
-        reactive,
-        ref,
-        computed,
-        unref,
-        onMounted,
-        watch,
-        nextTick,
-    } from 'vue'
+    import { defineComponent, reactive, ref, computed, unref, onMounted, watch, nextTick } from 'vue'
     import { Form, Row } from 'ant-design-vue'
     import FormItem from './components/FormItem.vue'
     import FormAction from './components/FormAction.vue'
@@ -119,9 +110,7 @@
                 }
             })
 
-            const getBindValue = computed(
-                () => ({ ...attrs, ...props, ...unref(getProps) } as Recordable),
-            )
+            const getBindValue = computed(() => ({ ...attrs, ...props, ...unref(getProps) } as Recordable))
 
             const getSchema = computed((): FormSchema[] => {
                 const schemas: FormSchema[] = unref(schemaRef) || (unref(getProps).schemas as any)
@@ -141,9 +130,7 @@
                     }
                 }
                 if (unref(getProps).showAdvancedButton) {
-                    return schemas.filter(
-                        (schema) => schema.component !== 'Divider',
-                    ) as FormSchema[]
+                    return schemas.filter((schema) => schema.component !== 'Divider') as FormSchema[]
                 } else {
                     return schemas as FormSchema[]
                 }
@@ -303,9 +290,7 @@
                 formActionType: formActionType as any,
                 setFormModel,
                 getFormClass,
-                getFormActionBindProps: computed(
-                    (): Recordable => ({ ...getProps.value, ...advanceState }),
-                ),
+                getFormActionBindProps: computed((): Recordable => ({ ...getProps.value, ...advanceState })),
                 ...formActionType,
             }
         },

src/components/Form/src/components/FormAction.vue

@@ -25,12 +25,7 @@
                 </Button>
 
                 <slot name="advanceBefore"></slot>
-                <Button
-                    type="link"
-                    size="small"
-                    @click="toggleAdvanced"
-                    v-if="showAdvancedButton && !hideAdvanceBtn"
-                >
+                <Button type="link" size="small" @click="toggleAdvanced" v-if="showAdvancedButton && !hideAdvanceBtn">
                     {{ isAdvanced ? t('component.form.putAway') : t('component.form.unfold') }}
                     <BasicArrow class="ml-1" :expand="!isAdvanced" up />
                 </Button>
@@ -88,9 +83,7 @@
             const actionColOpt = computed(() => {
                 const { showAdvancedButton, actionSpan: span, actionColOptions } = props
                 const actionSpan = 24 - span
-                const advancedSpanObj = showAdvancedButton
-                    ? { span: actionSpan < 6 ? 24 : actionSpan }
-                    : {}
+                const advancedSpanObj = showAdvancedButton ? { span: actionSpan < 6 ? 24 : actionSpan } : {}
                 const actionColOpt: Partial<ColEx> = {
                     style: { textAlign: 'right' },
                     span: showAdvancedButton ? 6 : 4,

src/components/Form/src/components/FormItem.vue

@@ -75,8 +75,7 @@
                 const { schema, tableAction, formModel, formActionType } = props
                 let { componentProps = {} } = schema
                 if (isFunction(componentProps)) {
-                    componentProps =
-                        componentProps({ schema, tableAction, formModel, formActionType }) ?? {}
+                    componentProps = componentProps({ schema, tableAction, formModel, formActionType }) ?? {}
                 }
                 if (schema.component === 'Divider') {
                     componentProps = Object.assign({ type: 'horizontal' }, componentProps, {
@@ -219,13 +218,7 @@
             }
 
             function renderComponent() {
-                const {
-                    renderComponentContent,
-                    component,
-                    field,
-                    changeEvent = 'change',
-                    valueField,
-                } = props.schema
+                const { renderComponentContent, component, field, changeEvent = 'change', valueField } = props.schema
 
                 const isCheck = component && ['Switch', 'Checkbox'].includes(component)
 
@@ -257,8 +250,7 @@
                 // RangePicker place is an array
                 if (isCreatePlaceholder && component !== 'RangePicker' && component) {
                     propsData.placeholder =
-                        unref(getComponentsProps)?.placeholder ||
-                        createPlaceholderMessage(component)
+                        unref(getComponentsProps)?.placeholder || createPlaceholderMessage(component)
                 }
                 propsData.codeField = field
                 propsData.formValues = unref(getValues)
@@ -293,24 +285,14 @@
                 ) : (
                     label
                 )
-                const getHelpMessage = isFunction(helpMessage)
-                    ? helpMessage(unref(getValues))
-                    : helpMessage
-                if (
-                    !getHelpMessage ||
-                    (Array.isArray(getHelpMessage) && getHelpMessage.length === 0)
-                ) {
+                const getHelpMessage = isFunction(helpMessage) ? helpMessage(unref(getValues)) : helpMessage
+                if (!getHelpMessage || (Array.isArray(getHelpMessage) && getHelpMessage.length === 0)) {
                     return renderLabel
                 }
                 return (
                     <span>
                         {renderLabel}
-                        <BasicHelp
-                            placement="top"
-                            class="mx-1"
-                            text={getHelpMessage}
-                            {...helpComponentProps}
-                        />
+                        <BasicHelp placement="top" class="mx-1" text={getHelpMessage} {...helpComponentProps} />
                     </span>
                 )
             }
@@ -323,9 +305,7 @@
                 if (component === 'Divider') {
                     return (
                         <Col span={24}>
-                            <Divider {...unref(getComponentsProps)}>
-                                {renderLabelHelpMessage()}
-                            </Divider>
+                            <Divider {...unref(getComponentsProps)}>{renderLabelHelpMessage()}</Divider>
                         </Col>
                     )
                 } else {

src/components/Form/src/helper.ts

@@ -35,11 +35,7 @@ function genType() {
     return [...DATE_TYPE, 'RangePicker']
 }
 
-export function setComponentRuleType(
-    rule: ValidationRule,
-    component: ComponentType,
-    valueFormat: string,
-) {
+export function setComponentRuleType(rule: ValidationRule, component: ComponentType, valueFormat: string) {
     if (['DatePicker', 'MonthPicker', 'WeekPicker', 'TimePicker'].includes(component)) {
         rule.type = valueFormat ? 'string' : 'object'
     } else if (['RangePicker', 'Upload', 'CheckboxGroup', 'TimePicker'].includes(component)) {

src/components/Form/src/hooks/useAdvanced.ts

@@ -18,14 +18,7 @@ interface UseAdvancedContext {
     defaultValueRef: Ref<Recordable>
 }
 
-export default function ({
-    advanceState,
-    emit,
-    getProps,
-    getSchema,
-    formModel,
-    defaultValueRef,
-}: UseAdvancedContext) {
+export default function ({ advanceState, emit, getProps, getSchema, formModel, defaultValueRef }: UseAdvancedContext) {
     const { realWidthRef, screenEnum, screenRef } = useBreakpoint()
 
     const getEmptySpan = computed((): number => {
@@ -137,10 +130,7 @@ export default function ({
             }
 
             if (isShow && (colProps || baseColProps)) {
-                const { itemColSum: sum, isAdvanced } = getAdvanced(
-                    { ...baseColProps, ...colProps },
-                    itemColSum,
-                )
+                const { itemColSum: sum, isAdvanced } = getAdvanced({ ...baseColProps, ...colProps }, itemColSum)
 
                 itemColSum = sum || 0
                 if (isAdvanced) {

src/components/Form/src/hooks/useAutoFocus.ts

@@ -9,12 +9,7 @@ interface UseAutoFocusContext {
     isInitedDefault: Ref<boolean>
     formElRef: Ref<FormActionType>
 }
-export async function useAutoFocus({
-    getSchema,
-    getProps,
-    formElRef,
-    isInitedDefault,
-}: UseAutoFocusContext) {
+export async function useAutoFocus({ getSchema, getProps, formElRef, isInitedDefault }: UseAutoFocusContext) {
     watchEffect(async () => {
         if (unref(isInitedDefault) || !unref(getProps).autoFocusFirstItem) {
             return

src/components/Form/src/hooks/useForm.ts

@@ -93,11 +93,7 @@ export function useForm(props?: Props): UseFormReturnType {
             form.setFieldsValue<T>(values)
         },
 
-        appendSchemaByField: async (
-            schema: FormSchema,
-            prefixField: string | undefined,
-            first: boolean,
-        ) => {
+        appendSchemaByField: async (schema: FormSchema, prefixField: string | undefined, first: boolean) => {
             const form = await getForm()
             form.appendSchemaByField(schema, prefixField, first)
         },

src/components/Form/src/hooks/useFormEvents.ts

@@ -79,11 +79,7 @@ export function useFormEvents({
                         if (typeof componentProps === 'function') {
                             _props = _props({ formModel })
                         }
-                        formModel[key] = value
-                            ? _props?.valueFormat
-                                ? value
-                                : dateUtil(value)
-                            : null
+                        formModel[key] = value ? (_props?.valueFormat ? value : dateUtil(value)) : null
                     }
                 } else {
                     formModel[key] = value
@@ -161,9 +157,7 @@ export function useFormEvents({
         )
 
         if (!hasField) {
-            error(
-                'All children of the form Schema array that need to be updated must contain the `field` field',
-            )
+            error('All children of the form Schema array that need to be updated must contain the `field` field')
             return
         }
         schemaRef.value = updateData as FormSchema[]
@@ -183,9 +177,7 @@ export function useFormEvents({
         )
 
         if (!hasField) {
-            error(
-                'All children of the form Schema array that need to be updated must contain the `field` field',
-            )
+            error('All children of the form Schema array that need to be updated must contain the `field` field')
             return
         }
         const schema: FormSchema[] = []

src/components/Form/src/hooks/useFormValues.ts

@@ -48,12 +48,7 @@ function tryDeconstructObject(key: string, value: any, target: Recordable) {
     }
 }
 
-export function useFormValues({
-    defaultValueRef,
-    getSchema,
-    formModel,
-    getProps,
-}: UseFormValuesContext) {
+export function useFormValues({ defaultValueRef, getSchema, formModel, getProps }: UseFormValuesContext) {
     // Processing form values
     function handleFormValues(values: Recordable) {
         if (!isObject(values)) {

src/components/Form/src/types/form.ts

@@ -135,10 +135,7 @@ export interface FormSchema {
     // Auxiliary text
     subLabel?: string
     // Help text on the right side of the text
-    helpMessage?:
-        | string
-        | string[]
-        | ((renderCallbackParams: RenderCallbackParams) => string | string[])
+    helpMessage?: string | string[] | ((renderCallbackParams: RenderCallbackParams) => string | string[])
     // BaseHelp component props
     helpComponentProps?: Partial<HelpComponentProps>
     // Label width, if it is passed, the labelCol and WrapperCol configured by itemProps will be invalid
@@ -189,11 +186,7 @@ export interface FormSchema {
     // Rendering col content requires outer wrapper form-item
     renderColContent?: (renderCallbackParams: RenderCallbackParams) => VNode | VNode[] | string
 
-    renderComponentContent?:
-        | ((renderCallbackParams: RenderCallbackParams) => any)
-        | VNode
-        | VNode[]
-        | string
+    renderComponentContent?: ((renderCallbackParams: RenderCallbackParams) => any) | VNode | VNode[] | string
 
     // Custom slot, in from-item
     slot?: string

src/components/Icon/src/Icon.vue

 <template>
-    <SvgIcon
-        :size="size"
-        :name="getSvgIcon"
-        v-if="isSvgIcon"
-        :class="[$attrs.class, 'anticon']"
-        :spin="spin"
-    />
+    <SvgIcon :size="size" :name="getSvgIcon" v-if="isSvgIcon" :class="[$attrs.class, 'anticon']" :spin="spin" />
     <span
         v-else
         ref="elRef"
@@ -15,16 +9,7 @@
 </template>
 <script lang="ts">
     import type { PropType } from 'vue'
-    import {
-        defineComponent,
-        ref,
-        watch,
-        onMounted,
-        nextTick,
-        unref,
-        computed,
-        CSSProperties,
-    } from 'vue'
+    import { defineComponent, ref, watch, onMounted, nextTick, unref, computed, CSSProperties } from 'vue'
     import SvgIcon from './SvgIcon.vue'
     import Iconify from '@purge-icons/generated'
     import { isString } from '/@/utils/is'
@@ -52,9 +37,7 @@
 
             const isSvgIcon = computed(() => props.icon?.endsWith(SVG_END_WITH_FLAG))
             const getSvgIcon = computed(() => props.icon.replace(SVG_END_WITH_FLAG, ''))
-            const getIconRef = computed(
-                () => `${props.prefix ? props.prefix + ':' : ''}${props.icon}`,
-            )
+            const getIconRef = computed(() => `${props.prefix ? props.prefix + ':' : ''}${props.icon}`)
 
             const update = async () => {
                 if (unref(isSvgIcon)) return

src/components/Icon/src/IconPicker.vue

@@ -41,10 +41,7 @@
                                 </li>
                             </ul>
                         </ScrollContainer>
-                        <div
-                            class="flex py-2 items-center justify-center"
-                            v-if="getTotal >= pageSize"
-                        >
+                        <div class="flex py-2 items-center justify-center" v-if="getTotal >= pageSize">
                             <a-pagination
                                 showLessItems
                                 size="small"
@@ -59,17 +56,10 @@
                     </template>
                 </template>
 
-                <span
-                    class="cursor-pointer px-2 py-1 flex items-center"
-                    v-if="isSvgMode && currentSelect"
-                >
+                <span class="cursor-pointer px-2 py-1 flex items-center" v-if="isSvgMode && currentSelect">
                     <SvgIcon :name="currentSelect" />
                 </span>
-                <Icon
-                    :icon="currentSelect || 'ion:apps-outline'"
-                    class="cursor-pointer px-2 py-1"
-                    v-else
-                />
+                <Icon :icon="currentSelect || 'ion:apps-outline'" class="cursor-pointer px-2 py-1" v-else />
             </a-popover>
         </template>
     </a-input>
@@ -137,10 +127,7 @@
     const { clipboardRef, isSuccessRef } = useCopyToClipboard(props.value)
     const { createMessage } = useMessage()
 
-    const { getPaginationList, getTotal, setCurrentPage } = usePagination(
-        currentList,
-        props.pageSize,
-    )
+    const { getPaginationList, getTotal, setCurrentPage } = usePagination(currentList, props.pageSize)
 
     watchEffect(() => {
         currentSelect.value = props.value

src/components/Icon/src/SvgIcon.vue

 <template>
-    <svg
-        :class="[prefixCls, $attrs.class, spin && 'svg-icon-spin']"
-        :style="getStyle"
-        aria-hidden="true"
-    >
+    <svg :class="[prefixCls, $attrs.class, spin && 'svg-icon-spin']" :style="getStyle" aria-hidden="true">
         <use :xlink:href="symbolId" />
     </svg>
 </template>

src/components/Loading/src/useLoading.ts

@@ -15,9 +15,7 @@ interface Fn {
 export function useLoading(props: Partial<LoadingProps>): [Fn, Fn, (string) => void]
 export function useLoading(opt: Partial<UseLoadingOptions>): [Fn, Fn, (string) => void]
 
-export function useLoading(
-    opt: Partial<LoadingProps> | Partial<UseLoadingOptions>,
-): [Fn, Fn, (string) => void] {
+export function useLoading(opt: Partial<LoadingProps> | Partial<UseLoadingOptions>): [Fn, Fn, (string) => void] {
     let props: Partial<LoadingProps>
     let target: HTMLElement | Ref<ElRef> = document.body
 

src/components/Markdown/src/Markdown.vue

@@ -3,16 +3,7 @@
 </template>
 <script lang="ts">
     import type { Ref } from 'vue'
-    import {
-        defineComponent,
-        ref,
-        unref,
-        nextTick,
-        computed,
-        watch,
-        onBeforeUnmount,
-        onDeactivated,
-    } from 'vue'
+    import { defineComponent, ref, unref, nextTick, computed, watch, onBeforeUnmount, onDeactivated } from 'vue'
     import Vditor from 'vditor'
     import 'vditor/dist/index.css'
     import { useLocale } from '/@/locales/useLocale'

src/components/Menu/src/BasicMenu.vue

@@ -60,12 +60,7 @@
 
             const { currentRoute } = useRouter()
 
-            const { handleOpenChange, setOpenKeys, getOpenKeys } = useOpenKeys(
-                menuState,
-                items,
-                mode as any,
-                accordion,
-            )
+            const { handleOpenChange, setOpenKeys, getOpenKeys } = useOpenKeys(menuState, items, mode as any, accordion)
 
             const getIsTopMenu = computed(() => {
                 const { type, mode } = props
@@ -77,8 +72,7 @@
             })
 
             const getMenuClass = computed(() => {
-                const align =
-                    props.isHorizontal && unref(getSplit) ? 'start' : unref(getTopMenuAlign)
+                const align = props.isHorizontal && unref(getSplit) ? 'start' : unref(getTopMenuAlign)
                 return [
                     prefixCls,
                     `justify-${align}`,
@@ -94,9 +88,7 @@
 
                 const inlineCollapseOptions: { inlineCollapsed?: boolean } = {}
                 if (isInline) {
-                    inlineCollapseOptions.inlineCollapsed = props.mixSider
-                        ? false
-                        : unref(getCollapsed)
+                    inlineCollapseOptions.inlineCollapsed = props.mixSider ? false : unref(getCollapsed)
                 }
                 return inlineCollapseOptions
             })
@@ -138,8 +130,7 @@
                     return
                 }
                 const path =
-                    (route || unref(currentRoute)).meta?.currentActiveMenu ||
-                    (route || unref(currentRoute)).path
+                    (route || unref(currentRoute)).meta?.currentActiveMenu || (route || unref(currentRoute)).path
                 setOpenKeys(path)
                 if (unref(currentActiveMenu)) return
                 if (props.isHorizontal && unref(getSplit)) {

src/components/Menu/src/components/MenuItemContent.vue

 <template>
     <span :class="`${prefixCls}- flex items-center `">
-        <Icon
-            v-if="getIcon"
-            :icon="getIcon"
-            :size="18"
-            :class="`${prefixCls}-wrapper__icon mr-2`"
-        />
+        <Icon v-if="getIcon" :icon="getIcon" :size="18" :class="`${prefixCls}-wrapper__icon mr-2`" />
         {{ getI18nName }}
     </span>
 </template>

src/components/Menu/src/useOpenKeys.ts

@@ -31,10 +31,7 @@ export function useOpenKeys(
                     return
                 }
                 if (!unref(accordion)) {
-                    menuState.openKeys = uniq([
-                        ...menuState.openKeys,
-                        ...getAllParentPath(menuList, path),
-                    ])
+                    menuState.openKeys = uniq([...menuState.openKeys, ...getAllParentPath(menuList, path)])
                 } else {
                     menuState.openKeys = getAllParentPath(menuList, path)
                 }
@@ -59,11 +56,7 @@ export function useOpenKeys(
     }
 
     function handleOpenChange(openKeys: string[]) {
-        if (
-            unref(mode) === MenuModeEnum.HORIZONTAL ||
-            !unref(accordion) ||
-            unref(getIsMixSidebar)
-        ) {
+        if (unref(mode) === MenuModeEnum.HORIZONTAL || !unref(accordion) || unref(getIsMixSidebar)) {
             menuState.openKeys = openKeys
         } else {
             // const menuList = toRaw(menus.value);

src/components/Modal/src/BasicModal.vue

@@ -51,17 +51,7 @@
 <script lang="ts">
     import type { ModalProps, ModalMethods } from './typing'
 
-    import {
-        defineComponent,
-        computed,
-        ref,
-        watch,
-        unref,
-        watchEffect,
-        toRef,
-        getCurrentInstance,
-        nextTick,
-    } from 'vue'
+    import { defineComponent, computed, ref, watch, unref, watchEffect, toRef, getCurrentInstance, nextTick } from 'vue'
     import Modal from './components/Modal'
     import ModalWrapper from './components/ModalWrapper.vue'
     import ModalClose from './components/ModalClose.vue'
@@ -178,8 +168,7 @@
             async function handleCancel(e: Event) {
                 e?.stopPropagation()
                 // 过滤自定义关闭按钮的空白区域
-                if ((e.target as HTMLElement)?.classList?.contains(prefixCls + '-close--custom'))
-                    return
+                if ((e.target as HTMLElement)?.classList?.contains(prefixCls + '-close--custom')) return
                 if (props.closeFunc && isFunction(props.closeFunc)) {
                     const isClose: boolean = await props.closeFunc()
                     visibleRef.value = !isClose

src/components/Modal/src/components/ModalClose.vue

@@ -15,11 +15,7 @@
 </template>
 <script lang="ts">
     import { defineComponent, computed } from 'vue'
-    import {
-        FullscreenExitOutlined,
-        FullscreenOutlined,
-        CloseOutlined,
-    } from '@ant-design/icons-vue'
+    import { FullscreenExitOutlined, FullscreenOutlined, CloseOutlined } from '@ant-design/icons-vue'
     import { useDesign } from '/@/hooks/web/useDesign'
     import { Tooltip } from 'ant-design-vue'
     import { useI18n } from '/@/hooks/web/useI18n'

src/components/Modal/src/components/ModalFooter.vue

@@ -5,13 +5,7 @@
             {{ cancelText }}
         </a-button>
         <slot name="centerFooter"></slot>
-        <a-button
-            :type="okType"
-            @click="handleOk"
-            :loading="confirmLoading"
-            v-bind="okButtonProps"
-            v-if="showOkBtn"
-        >
+        <a-button :type="okType" @click="handleOk" :loading="confirmLoading" v-bind="okButtonProps" v-if="showOkBtn">
             {{ okText }}
         </a-button>
         <slot name="appendFooter"></slot>

src/components/Modal/src/components/ModalWrapper.vue

@@ -7,17 +7,7 @@
 </template>
 <script lang="ts">
     import type { CSSProperties } from 'vue'
-    import {
-        defineComponent,
-        computed,
-        ref,
-        watchEffect,
-        unref,
-        watch,
-        onMounted,
-        nextTick,
-        onUnmounted,
-    } from 'vue'
+    import { defineComponent, computed, ref, watchEffect, unref, watch, onMounted, nextTick, onUnmounted } from 'vue'
     import { useWindowSizeFn } from '/@/hooks/event/useWindowSizeFn'
     import { ScrollContainer } from '/@/components/Container'
     import { createModalContext } from '../hooks/useModalContext'
@@ -149,10 +139,7 @@
 
                     if (props.fullScreen) {
                         realHeightRef.value =
-                            window.innerHeight -
-                            props.modalFooterHeight -
-                            props.modalHeaderHeight -
-                            28
+                            window.innerHeight - props.modalFooterHeight - props.modalHeaderHeight - 28
                     } else {
                         realHeightRef.value = props.height
                             ? props.height

src/components/Modal/src/hooks/useModal.ts

-import type {
-    UseModalReturnType,
-    ModalMethods,
-    ModalProps,
-    ReturnMethods,
-    UseModalInnerReturnType,
-} from '../typing'
-import {
-    ref,
-    onUnmounted,
-    unref,
-    getCurrentInstance,
-    reactive,
-    watchEffect,
-    nextTick,
-    toRaw,
-} from 'vue'
+import type { UseModalReturnType, ModalMethods, ModalProps, ReturnMethods, UseModalInnerReturnType } from '../typing'
+import { ref, onUnmounted, unref, getCurrentInstance, reactive, watchEffect, nextTick, toRaw } from 'vue'
 import { isProdMode } from '/@/utils/env'
 import { isFunction } from '/@/utils/is'
 import { isEqual } from 'lodash-es'

src/components/Page/src/PageFooter.vue

@@ -39,8 +39,7 @@
         line-height: 44px;
         background-color: @component-background;
         border-top: 1px solid @border-color-base;
-        box-shadow: 0 -6px 16px -8px rgb(0 0 0 / 8%), 0 -9px 28px 0 rgb(0 0 0 / 5%),
-            0 -12px 48px 16px rgb(0 0 0 / 3%);
+        box-shadow: 0 -6px 16px -8px rgb(0 0 0 / 8%), 0 -9px 28px 0 rgb(0 0 0 / 5%), 0 -12px 48px 16px rgb(0 0 0 / 3%);
         transition: width 0.2s;
 
         &__left {

src/components/Page/src/PageWrapper.vue

 <template>
     <div :class="getClass" ref="wrapperRef">
-        <PageHeader
-            :ghost="ghost"
-            :title="title"
-            v-bind="omit($attrs, 'class')"
-            ref="headerRef"
-            v-if="getShowHeader"
-        >
+        <PageHeader :ghost="ghost" :title="title" v-bind="omit($attrs, 'class')" ref="headerRef" v-if="getShowHeader">
             <template #default>
                 <template v-if="content">
                     {{ content }}
@@ -18,12 +12,7 @@
             </template>
         </PageHeader>
 
-        <div
-            class="overflow-hidden"
-            :class="getContentClass"
-            :style="getContentStyle"
-            ref="contentRef"
-        >
+        <div class="overflow-hidden" :class="getContentClass" :style="getContentStyle" ref="contentRef">
             <slot></slot>
         </div>
 
@@ -105,19 +94,13 @@
             })
 
             const getShowHeader = computed(
-                () =>
-                    props.content ||
-                    slots?.headerContent ||
-                    props.title ||
-                    getHeaderSlots.value.length,
+                () => props.content || slots?.headerContent || props.title || getHeaderSlots.value.length,
             )
 
             const getShowFooter = computed(() => slots?.leftFooter || slots?.rightFooter)
 
             const getHeaderSlots = computed(() => {
-                return Object.keys(
-                    omit(slots, 'default', 'leftFooter', 'rightFooter', 'headerContent'),
-                )
+                return Object.keys(omit(slots, 'default', 'leftFooter', 'rightFooter', 'headerContent'))
             })
 
             const getContentStyle = computed((): CSSProperties => {

src/components/Preview/src/Functional.vue

@@ -345,25 +345,16 @@
             const renderController = () => {
                 return (
                     <div class={`${prefixCls}__controller`}>
-                        <div
-                            class={`${prefixCls}__controller-item`}
-                            onClick={() => scaleFunc(-getScaleStep.value)}
-                        >
+                        <div class={`${prefixCls}__controller-item`} onClick={() => scaleFunc(-getScaleStep.value)}>
                             <img src={unScaleSvg} />
                         </div>
-                        <div
-                            class={`${prefixCls}__controller-item`}
-                            onClick={() => scaleFunc(getScaleStep.value)}
-                        >
+                        <div class={`${prefixCls}__controller-item`} onClick={() => scaleFunc(getScaleStep.value)}>
                             <img src={scaleSvg} />
                         </div>
                         <div class={`${prefixCls}__controller-item`} onClick={resume}>
                             <img src={resumeSvg} />
                         </div>
-                        <div
-                            class={`${prefixCls}__controller-item`}
-                            onClick={() => rotateFunc(-90)}
-                        >
+                        <div class={`${prefixCls}__controller-item`} onClick={() => rotateFunc(-90)}>
                             <img src={unRotateSvg} />
                         </div>
                         <div class={`${prefixCls}__controller-item`} onClick={() => rotateFunc(90)}>
@@ -378,10 +369,7 @@
                     return null
                 }
                 return (
-                    <div
-                        class={[`${prefixCls}__arrow`, direction]}
-                        onClick={() => handleChange(direction)}
-                    >
+                    <div class={[`${prefixCls}__arrow`, direction]} onClick={() => handleChange(direction)}>
                         {direction === 'left' ? <LeftOutlined /> : <RightOutlined />}
                     </div>
                 )
@@ -390,12 +378,7 @@
             return () => {
                 return (
                     imgState.show && (
-                        <div
-                            class={prefixCls}
-                            ref={wrapElRef}
-                            onMouseup={handleMouseUp}
-                            onClick={handleMaskClick}
-                        >
+                        <div class={prefixCls} ref={wrapElRef} onMouseup={handleMouseUp} onClick={handleMaskClick}>
                             <div class={`${prefixCls}-content`}>
                                 {/*<Spin*/}
                                 {/*  indicator={<LoadingOutlined style="font-size: 24px" spin />}*/}
@@ -409,10 +392,7 @@
                                 {/*/>*/}
                                 <img
                                     style={unref(getImageStyle)}
-                                    class={[
-                                        `${prefixCls}-image`,
-                                        imgState.status === StatueEnum.DONE ? '' : 'hidden',
-                                    ]}
+                                    class={[`${prefixCls}-image`, imgState.status === StatueEnum.DONE ? '' : 'hidden']}
                                     ref={imgElRef}
                                     src={imgState.currentUrl}
                                     onMousedown={handleAddMoveListener}

src/components/Qrcode/src/drawCanvas.ts

@@ -3,12 +3,7 @@ import type { QRCodeRenderersOptions } from 'qrcode'
 import { RenderQrCodeParams, ContentType } from './typing'
 import { cloneDeep } from 'lodash-es'
 
-export const renderQrCode = ({
-    canvas,
-    content,
-    width = 0,
-    options: params = {},
-}: RenderQrCodeParams) => {
+export const renderQrCode = ({ canvas, content, width = 0, options: params = {} }: RenderQrCodeParams) => {
     const options = cloneDeep(params)
     // 容错率，默认对内容少的二维码采用高容错率，内容多的二维码采用低容错率
     options.errorCorrectionLevel = options.errorCorrectionLevel || getErrorCorrectionLevel(content)

src/components/Scrollbar/src/Scrollbar.vue

@@ -6,12 +6,7 @@
             :style="style"
             @scroll="handleScroll"
         >
-            <component
-                :is="tag"
-                ref="resize"
-                :class="['scrollbar__view', viewClass]"
-                :style="viewStyle"
-            >
+            <component :is="tag" ref="resize" :class="['scrollbar__view', viewClass]" :style="viewStyle">
                 <slot></slot>
             </component>
         </div>
@@ -26,16 +21,7 @@
     import componentSetting from '/@/settings/componentSetting'
     const { scrollbar } = componentSetting
     import { toObject } from './util'
-    import {
-        defineComponent,
-        ref,
-        onMounted,
-        onBeforeUnmount,
-        nextTick,
-        provide,
-        computed,
-        unref,
-    } from 'vue'
+    import { defineComponent, ref, onMounted, onBeforeUnmount, nextTick, provide, computed, unref } from 'vue'
     import Bar from './bar'
 
     export default defineComponent({

src/components/Scrollbar/src/bar.ts

-import {
-    defineComponent,
-    h,
-    computed,
-    ref,
-    getCurrentInstance,
-    onUnmounted,
-    inject,
-    Ref,
-} from 'vue'
+import { defineComponent, h, computed, ref, getCurrentInstance, onUnmounted, inject, Ref } from 'vue'
 import { on, off } from '/@/utils/domUtils'
 
 import { renderThumbStyle, BAR_MAP } from './util'
@@ -43,15 +34,11 @@ export default defineComponent({
         }
 
         const clickTrackHandler = (e: any) => {
-            const offset = Math.abs(
-                e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client],
-            )
+            const offset = Math.abs(e.target.getBoundingClientRect()[bar.value.direction] - e[bar.value.client])
             const thumbHalf = thumb.value[bar.value.offset] / 2
-            const thumbPositionPercentage =
-                ((offset - thumbHalf) * 100) / instance?.vnode.el?.[bar.value.offset]
+            const thumbPositionPercentage = ((offset - thumbHalf) * 100) / instance?.vnode.el?.[bar.value.offset]
 
-            wrap.value[bar.value.scroll] =
-                (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100
+            wrap.value[bar.value.scroll] = (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100
         }
         const startDrag = (e: any) => {
             e.stopImmediatePropagation()
@@ -67,15 +54,11 @@ export default defineComponent({
 
             if (!prevPage) return
 
-            const offset =
-                (instance?.vnode.el?.getBoundingClientRect()[bar.value.direction] -
-                    e[bar.value.client]) *
-                -1
+            const offset = (instance?.vnode.el?.getBoundingClientRect()[bar.value.direction] - e[bar.value.client]) * -1
             const thumbClickPosition = thumb.value[bar.value.offset] - prevPage
             const thumbPositionPercentage =
                 ((offset - thumbClickPosition) * 100) / instance?.vnode.el?.[bar.value.offset]
-            wrap.value[bar.value.scroll] =
-                (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100
+            wrap.value[bar.value.scroll] = (thumbPositionPercentage * wrap.value[bar.value.scrollSize]) / 100
         }
 
         function mouseUpDocumentHandler() {

src/components/SimpleMenu/src/SimpleMenu.vue

@@ -8,12 +8,7 @@
         @select="handleSelect"
     >
         <template v-for="item in items" :key="item.path">
-            <SimpleSubMenu
-                :item="item"
-                :parent="true"
-                :collapsedShowTitle="collapsedShowTitle"
-                :collapse="collapse"
-            />
+            <SimpleSubMenu :item="item" :parent="true" :collapsedShowTitle="collapsedShowTitle" :collapse="collapse" />
         </template>
     </Menu>
 </template>
@@ -70,13 +65,7 @@
             const { prefixCls } = useDesign('simple-menu')
             const { items, accordion, mixSider, collapse } = toRefs(props)
 
-            const { setOpenKeys, getOpenKeys } = useOpenKeys(
-                menuState,
-                items,
-                accordion,
-                mixSider,
-                collapse,
-            )
+            const { setOpenKeys, getOpenKeys } = useOpenKeys(menuState, items, accordion, mixSider, collapse)
 
             const getBindValues = computed(() => ({ ...attrs, ...props }))
 

src/components/SimpleMenu/src/SimpleSubMenu.vue

 <template>
-    <MenuItem
-        :name="item.path"
-        v-if="!menuHasChildren(item) && getShowMenu"
-        v-bind="$props"
-        :class="getLevelClass"
-    >
+    <MenuItem :name="item.path" v-if="!menuHasChildren(item) && getShowMenu" v-bind="$props" :class="getLevelClass">
         <Icon v-if="getIcon" :icon="getIcon" :size="16" />
         <div v-if="collapsedShowTitle && getIsCollapseParent" class="mt-1 collapse-title">
             {{ getI18nName }}

src/components/SimpleMenu/src/components/MenuItem.vue

@@ -39,8 +39,7 @@
 
             const active = ref(false)
 
-            const { getItemStyle, getParentList, getParentMenu, getParentRootMenu } =
-                useMenuItem(instance)
+            const { getItemStyle, getParentList, getParentMenu, getParentRootMenu } = useMenuItem(instance)
 
             const { prefixCls } = useDesign('menu')
 
@@ -60,9 +59,7 @@
             const getCollapse = computed(() => unref(getParentRootMenu)?.props.collapse)
 
             const showTooptip = computed(() => {
-                return (
-                    unref(getParentMenu)?.type.name === 'Menu' && unref(getCollapse) && slots.title
-                )
+                return unref(getParentMenu)?.type.name === 'Menu' && unref(getCollapse) && slots.title
             })
 
             function handleClickItem() {

src/components/SimpleMenu/src/components/SubMenuItem.vue

 <template>
     <li :class="getClass">
         <template v-if="!getCollapse">
-            <div
-                :class="`${prefixCls}-submenu-title`"
-                @click.stop="handleClick"
-                :style="getItemStyle"
-            >
+            <div :class="`${prefixCls}-submenu-title`" @click.stop="handleClick" :style="getItemStyle">
                 <slot name="title"></slot>
-                <Icon
-                    icon="eva:arrow-ios-downward-outline"
-                    :size="14"
-                    :class="`${prefixCls}-submenu-title-icon`"
-                />
+                <Icon icon="eva:arrow-ios-downward-outline" :size="14" :class="`${prefixCls}-submenu-title-icon`" />
             </div>
             <CollapseTransition>
                 <ul :class="prefixCls" v-show="opened">
@@ -113,8 +105,7 @@
                 isChild: false,
             })
 
-            const { getParentSubMenu, getItemStyle, getParentMenu, getParentList } =
-                useMenuItem(instance)
+            const { getParentSubMenu, getItemStyle, getParentMenu, getParentList } = useMenuItem(instance)
 
             const { prefixCls } = useDesign('menu')
 
@@ -269,9 +260,7 @@
                     clearTimeout(data.timeout!)
                 })
 
-                rootMenuEmitter.on(
-                    'on-update-opened',
-                    (data: boolean | (string | number)[] | Recordable) => {
+                rootMenuEmitter.on('on-update-opened', (data: boolean | (string | number)[] | Recordable) => {
                     if (unref(getCollapse)) return
                     if (isBoolean(data)) {
                         state.opened = data
@@ -290,8 +279,7 @@
                     if (props.name && Array.isArray(data)) {
                         state.opened = (data as (string | number)[]).includes(props.name)
                     }
-                    },
-                )
+                })
 
                 rootMenuEmitter.on('on-update-active-name:submenu', (data: number[]) => {
                     if (instance?.uid) {

src/components/Table/src/BasicTable.vue

@@ -35,12 +35,7 @@
     </div>
 </template>
 <script lang="ts">
-    import type {
-        BasicTableProps,
-        TableActionType,
-        SizeType,
-        ColumnChangeParam,
-    } from './types/table'
+    import type { BasicTableProps, TableActionType, SizeType, ColumnChangeParam } from './types/table'
 
     import { defineComponent, ref, computed, unref, toRaw, inject, watchEffect } from 'vue'
     import { Table } from 'ant-design-vue'
@@ -120,13 +115,8 @@
             })
 
             const { getLoading, setLoading } = useLoading(getProps)
-            const {
-                getPaginationInfo,
-                getPagination,
-                setPagination,
-                setShowPagination,
-                getShowPagination,
-            } = usePagination(getProps)
+            const { getPaginationInfo, getPagination, setPagination, setShowPagination, getShowPagination } =
+                usePagination(getProps)
 
             const {
                 getRowSelection,
@@ -174,14 +164,8 @@
                 onChange && isFunction(onChange) && onChange.call(undefined, ...args)
             }
 
-            const {
-                getViewColumns,
-                getColumns,
-                setCacheColumnsByField,
-                setColumns,
-                getColumnsRef,
-                getCacheColumns,
-            } = useColumns(getProps, getPaginationInfo)
+            const { getViewColumns, getColumns, setCacheColumnsByField, setColumns, getColumnsRef, getCacheColumns } =
+                useColumns(getProps, getPaginationInfo)
 
             const { getScrollRef, redoHeight } = useTableScroll(
                 getProps,
@@ -205,11 +189,7 @@
 
             const { getRowClassName } = useTableStyle(getProps, prefixCls)
 
-            const { getExpandOption, expandAll, expandRows, collapseAll } = useTableExpand(
-                getProps,
-                tableData,
-                emit,
-            )
+            const { getExpandOption, expandAll, expandRows, collapseAll } = useTableExpand(getProps, tableData, emit)
 
             const handlers: InnerHandlers = {
                 onColumnsChange: (data: ColumnChangeParam[]) => {
@@ -221,16 +201,15 @@
 
             const { getHeaderProps } = useTableHeader(getProps, slots, handlers)
 
-            const { getFooterProps } = useTableFooter(
+            const { getFooterProps } = useTableFooter(getProps, getScrollRef, tableElRef, getDataSourceRef)
+
+            const { getFormProps, replaceFormSlotKey, getFormSlotKeys, handleSearchInfoChange } = useTableForm(
                 getProps,
-                getScrollRef,
-                tableElRef,
-                getDataSourceRef,
+                slots,
+                fetch,
+                getLoading,
             )
 
-            const { getFormProps, replaceFormSlotKey, getFormSlotKeys, handleSearchInfoChange } =
-                useTableForm(getProps, slots, fetch, getLoading)
-
             const getBindValues = computed(() => {
                 const dataSource = unref(getDataSourceRef)
                 let propsData: Recordable = {

src/components/Table/src/componentMap.ts

 import type { Component } from 'vue'
-import {
-    Input,
-    Select,
-    Checkbox,
-    InputNumber,
-    Switch,
-    DatePicker,
-    TimePicker,
-} from 'ant-design-vue'
+import { Input, Select, Checkbox, InputNumber, Switch, DatePicker, TimePicker } from 'ant-design-vue'
 import type { ComponentType } from './types/componentType'
 import { ApiSelect, ApiTreeSelect } from '/@/components/Form'
 

src/components/Table/src/components/TableAction.vue

@@ -3,11 +3,7 @@
         <template v-for="(action, index) in getActions" :key="`${index}-${action.label}`">
             <Tooltip v-if="action.tooltip" v-bind="getTooltip(action.tooltip)">
                 <PopConfirmButton v-bind="action">
-                    <Icon
-                        :icon="action.icon"
-                        :class="{ 'mr-1': !!action.label }"
-                        v-if="action.icon"
-                    />
+                    <Icon :icon="action.icon" :class="{ 'mr-1': !!action.label }" v-if="action.icon" />
                     <template v-if="action.label">{{ action.label }}</template>
                 </PopConfirmButton>
             </Tooltip>
@@ -15,11 +11,7 @@
                 <Icon :icon="action.icon" :class="{ 'mr-1': !!action.label }" v-if="action.icon" />
                 <template v-if="action.label">{{ action.label }}</template>
             </PopConfirmButton>
-            <Divider
-                type="vertical"
-                class="action-divider"
-                v-if="divider && index < getActions.length - 1"
-            />
+            <Divider type="vertical" class="action-divider" v-if="divider && index < getActions.length - 1" />
         </template>
         <Dropdown
             :trigger="['hover']"
@@ -95,8 +87,7 @@
                     .map((action) => {
                         const { popConfirm } = action
                         return {
-                            getPopupContainer: () =>
-                                unref((table as any)?.wrapRef.value) ?? document.body,
+                            getPopupContainer: () => unref((table as any)?.wrapRef.value) ?? document.body,
                             type: 'link',
                             size: 'small',
                             ...action,

src/components/Table/src/components/TableFooter.vue

@@ -64,9 +64,7 @@
                 const columns: BasicColumn[] = cloneDeep(table.getColumns())
                 const index = columns.findIndex((item) => item.flag === INDEX_COLUMN_FLAG)
                 const hasRowSummary = dataSource.some((item) => Reflect.has(item, SUMMARY_ROW_KEY))
-                const hasIndexSummary = dataSource.some((item) =>
-                    Reflect.has(item, SUMMARY_INDEX_KEY),
-                )
+                const hasIndexSummary = dataSource.some((item) => Reflect.has(item, SUMMARY_INDEX_KEY))
 
                 if (index !== -1) {
                     if (hasIndexSummary) {

src/components/Table/src/components/TableHeader.vue

@@ -5,19 +5,11 @@
         </div>
         <div class="flex items-center">
             <slot name="tableTitle" v-if="$slots.tableTitle"></slot>
-            <TableTitle
-                :helpMessage="titleHelpMessage"
-                :title="title"
-                v-if="!$slots.tableTitle && title"
-            />
+            <TableTitle :helpMessage="titleHelpMessage" :title="title" v-if="!$slots.tableTitle && title" />
             <div :class="`${prefixCls}__toolbar`">
                 <slot name="toolbar"></slot>
                 <Divider type="vertical" v-if="$slots.toolbar && showTableSetting" />
-                <TableSetting
-                    :setting="tableSetting"
-                    v-if="showTableSetting"
-                    @columns-change="handleColumnChange"
-                />
+                <TableSetting :setting="tableSetting" v-if="showTableSetting" @columns-change="handleColumnChange" />
             </div>
         </div>
     </div>

src/components/Table/src/components/TableImg.vue

 <template>
-    <div
-        :class="prefixCls"
-        class="flex items-center mx-auto"
-        v-if="imgList && imgList.length"
-        :style="getWrapStyle"
-    >
+    <div :class="prefixCls" class="flex items-center mx-auto" v-if="imgList && imgList.length" :style="getWrapStyle">
         <Badge :count="!showBadge || imgList.length == 1 ? 0 : imgList.length" v-if="simpleShow">
             <div class="img-div">
                 <PreviewGroup>
@@ -22,11 +17,7 @@
         </Badge>
         <PreviewGroup v-else>
             <template v-for="(img, index) in imgList" :key="img">
-                <Image
-                    :width="size"
-                    :style="{ marginLeft: index === 0 ? 0 : margin }"
-                    :src="srcPrefix + img"
-                />
+                <Image :width="size" :style="{ marginLeft: index === 0 ? 0 : margin }" :src="srcPrefix + img" />
             </template>
         </PreviewGroup>
     </div>

src/components/Table/src/components/editable/CellComponent.ts

@@ -14,13 +14,7 @@ export interface ComponentProps {
 }
 
 export const CellComponent: FunctionalComponent = (
-    {
-        component = 'Input',
-        rule = true,
-        ruleMessage,
-        popoverVisible,
-        getPopupContainer,
-    }: ComponentProps,
+    { component = 'Input', rule = true, ruleMessage, popoverVisible, getPopupContainer }: ComponentProps,
     { attrs },
 ) => {
     const Comp = componentMap.get(component) as typeof defineComponent

src/components/Table/src/components/editable/EditableCell.vue

@@ -26,9 +26,7 @@
         },
         props: {
             value: {
-                type: [String, Number, Boolean, Object] as PropType<
-                    string | number | boolean | Recordable
-                >,
+                type: [String, Number, Boolean, Object] as PropType<string | number | boolean | Recordable>,
                 default: '',
             },
             record: {
@@ -109,8 +107,7 @@
                     return value
                 }
 
-                const options: LabelValueOptions =
-                    unref(getComponentProps)?.options ?? (unref(optionsRef) || [])
+                const options: LabelValueOptions = unref(getComponentProps)?.options ?? (unref(optionsRef) || [])
                 const option = options.find((item) => `${item.value}` === `${value}`)
 
                 return option?.label ?? value
@@ -296,11 +293,7 @@
                 const { replaceFields } = unref(getComponentProps)
                 const component = unref(getComponent)
                 if (component === 'ApiTreeSelect') {
-                    const {
-                        title = 'title',
-                        value = 'value',
-                        children = 'children',
-                    } = replaceFields || {}
+                    const { title = 'title', value = 'value', children = 'children' } = replaceFields || {}
                     let listOptions: Recordable[] = treeToList(options, { children })
                     listOptions = listOptions.map((item) => {
                         return {
@@ -317,9 +310,7 @@
             function initCbs(cbs: 'submitCbs' | 'validCbs' | 'cancelCbs', handle: Fn) {
                 if (props.record) {
                     /* eslint-disable  */
-                    isArray(props.record[cbs])
-                        ? props.record[cbs]?.push(handle)
-                        : (props.record[cbs] = [handle])
+                    isArray(props.record[cbs]) ? props.record[cbs]?.push(handle) : (props.record[cbs] = [handle])
                 }
             }
 
@@ -334,8 +325,7 @@
                 }
                 /* eslint-disable  */
                 props.record.onCancelEdit = () => {
-                    isArray(props.record?.cancelCbs) &&
-                        props.record?.cancelCbs.forEach((fn) => fn())
+                    isArray(props.record?.cancelCbs) && props.record?.cancelCbs.forEach((fn) => fn())
                 }
                 /* eslint-disable */
                 props.record.onSubmitEdit = async () => {
@@ -385,10 +375,7 @@
                         }}
                         onClick={this.handleEdit}
                     >
-                        <div
-                            class="cell-content"
-                            title={this.column.ellipsis ? this.getValues ?? '' : ''}
-                        >
+                        <div class="cell-content" title={this.column.ellipsis ? this.getValues ?? '' : ''}>
                             {this.column.editRender
                                 ? this.column.editRender({
                                       text: this.value,
@@ -400,16 +387,11 @@
                                 ? this.getValues
                                 : '\u00A0'}
                         </div>
-                        {!this.column.editRow && (
-                            <FormOutlined class={`${this.prefixCls}__normal-icon`} />
-                        )}
+                        {!this.column.editRow && <FormOutlined class={`${this.prefixCls}__normal-icon`} />}
                     </div>
                     {this.isEdit && (
                         <Spin spinning={this.spinning}>
-                            <div
-                                class={`${this.prefixCls}__wrapper`}
-                                v-click-outside={this.onClickOutside}
-                            >
+                            <div class={`${this.prefixCls}__wrapper`} v-click-outside={this.onClickOutside}>
                                 <CellComponent
                                     {...this.getComponentProps}
                                     component={this.getComponent}
@@ -429,10 +411,7 @@
                                             class={[`${this.prefixCls}__icon`, 'mx-2']}
                                             onClick={this.handleSubmitClick}
                                         />
-                                        <CloseOutlined
-                                            class={`${this.prefixCls}__icon `}
-                                            onClick={this.handleCancel}
-                                        />
+                                        <CloseOutlined class={`${this.prefixCls}__icon `} onClick={this.handleCancel} />
                                     </div>
                                 )}
                             </div>

src/components/Table/src/components/settings/ColumnSetting.vue

@@ -12,11 +12,7 @@
         >
             <template #title>
                 <div :class="`${prefixCls}__popover-title`">
-                    <Checkbox
-                        :indeterminate="indeterminate"
-                        v-model:checked="checkAll"
-                        @change="onCheckAllChange"
-                    >
+                    <Checkbox :indeterminate="indeterminate" v-model:checked="checkAll" @change="onCheckAllChange">
                         {{ t('component.table.settingColumnShow') }}
                     </Checkbox>
 
@@ -40,16 +36,9 @@
 
             <template #content>
                 <ScrollContainer>
-                    <CheckboxGroup
-                        v-model:value="checkedList"
-                        @change="onChange"
-                        ref="columnListRef"
-                    >
+                    <CheckboxGroup v-model:value="checkedList" @change="onChange" ref="columnListRef">
                         <template v-for="item in plainOptions" :key="item.value">
-                            <div
-                                :class="`${prefixCls}__check-item`"
-                                v-if="!('ifShow' in item && !item.ifShow)"
-                            >
+                            <div :class="`${prefixCls}__check-item`" v-if="!('ifShow' in item && !item.ifShow)">
                                 <DragOutlined class="table-column-drag-icon" />
                                 <Checkbox :value="item.value">
                                     {{ item.label }}
@@ -107,16 +96,7 @@
 </template>
 <script lang="ts">
     import type { BasicColumn, ColumnChangeParam } from '../../types/table'
-    import {
-        defineComponent,
-        ref,
-        reactive,
-        toRefs,
-        watchEffect,
-        nextTick,
-        unref,
-        computed,
-    } from 'vue'
+    import { defineComponent, ref, reactive, toRefs, watchEffect, nextTick, unref, computed } from 'vue'
     import { Tooltip, Popover, Checkbox, Divider } from 'ant-design-vue'
     import { SettingOutlined, DragOutlined } from '@ant-design/icons-vue'
     import { Icon } from '/@/components/Icon'
@@ -237,9 +217,7 @@
                     // ) as BasicColumn[];
 
                     unref(plainOptions).forEach((item: BasicColumn) => {
-                        const findItem = columns.find(
-                            (col: BasicColumn) => col.dataIndex === item.dataIndex,
-                        )
+                        const findItem = columns.find((col: BasicColumn) => col.dataIndex === item.dataIndex)
                         if (findItem) {
                             item.fixed = findItem.fixed
                         }
@@ -307,11 +285,7 @@
                         handle: '.table-column-drag-icon ',
                         onEnd: (evt) => {
                             const { oldIndex, newIndex } = evt
-                            if (
-                                isNullAndUnDef(oldIndex) ||
-                                isNullAndUnDef(newIndex) ||
-                                oldIndex === newIndex
-                            ) {
+                            if (isNullAndUnDef(oldIndex) || isNullAndUnDef(newIndex) || oldIndex === newIndex) {
                                 return
                             }
                             // Sort column
@@ -373,8 +347,7 @@
                     const visible =
                         columns.findIndex(
                             (c: BasicColumn | string) =>
-                                c === col.value ||
-                                (typeof c !== 'string' && c.dataIndex === col.value),
+                                c === col.value || (typeof c !== 'string' && c.dataIndex === col.value),
                         ) !== -1
                     return { dataIndex: col.value, fixed: col.fixed, visible }
                 })
@@ -383,9 +356,7 @@
             }
 
             function getPopupContainer() {
-                return isFunction(attrs.getPopupContainer)
-                    ? attrs.getPopupContainer()
-                    : getParentContainer()
+                return isFunction(attrs.getPopupContainer) ? attrs.getPopupContainer() : getParentContainer()
             }
 
             return {

src/components/Table/src/const.ts

@@ -2,14 +2,7 @@ import componentSetting from '/@/settings/componentSetting'
 
 const { table } = componentSetting
 
-const {
-    pageSizeOptions,
-    defaultPageSize,
-    fetchSetting,
-    defaultSize,
-    defaultSortFn,
-    defaultFilterFn,
-} = table
+const { pageSizeOptions, defaultPageSize, fetchSetting, defaultSize, defaultSortFn, defaultFilterFn } = table
 
 export const ROW_KEY = 'key'
 

src/components/Table/src/hooks/useColumns.ts

@@ -120,12 +120,7 @@ export function useColumns(
         columns.forEach((item) => {
             const { customRender, slots } = item
 
-            handleItem(
-                item,
-                Reflect.has(item, 'ellipsis')
-                    ? !!item.ellipsis
-                    : !!ellipsis && !customRender && !slots,
-            )
+            handleItem(item, Reflect.has(item, 'ellipsis') ? !!item.ellipsis : !!ellipsis && !customRender && !slots)
         })
         return columns
     })
@@ -220,9 +215,7 @@ export function useColumns(
             cacheColumns.forEach((item) => {
                 newColumns.push({
                     ...item,
-                    defaultHidden: !columnKeys.includes(
-                        item.dataIndex?.toString() || (item.key as string),
-                    ),
+                    defaultHidden: !columnKeys.includes(item.dataIndex?.toString() || (item.key as string)),
                 })
             })
             // Sort according to another array
@@ -283,9 +276,7 @@ function sortFixedColumn(columns: BasicColumn[]) {
         }
         defColumns.push(column)
     }
-    return [...fixedLeftColumns, ...defColumns, ...fixedRightColumns].filter(
-        (item) => !item.defaultHidden,
-    )
+    return [...fixedLeftColumns, ...defColumns, ...fixedRightColumns].filter((item) => !item.defaultHidden)
 }
 
 // format cell

src/components/Table/src/hooks/useDataSource.ts

 import type { BasicTableProps, FetchParams, SorterResult } from '../types/table'
 import type { PaginationProps } from '../types/pagination'
-import {
-    ref,
-    unref,
-    ComputedRef,
-    computed,
-    onMounted,
-    watch,
-    reactive,
-    Ref,
-    watchEffect,
-} from 'vue'
+import { ref, unref, ComputedRef, computed, onMounted, watch, reactive, Ref, watchEffect } from 'vue'
 import { useTimeoutFn } from '/@/hooks/core/useTimeout'
 import { buildUUID } from '/@/utils/uuid'
 import { isFunction, isBoolean } from '/@/utils/is'
@@ -32,14 +22,7 @@ interface SearchState {
 }
 export function useDataSource(
     propsRef: ComputedRef<BasicTableProps>,
-    {
-        getPaginationInfo,
-        setPagination,
-        setLoading,
-        getFieldsValue,
-        clearSelectedRowKeys,
-        tableData,
-    }: ActionType,
+    { getPaginationInfo, setPagination, setLoading, getFieldsValue, clearSelectedRowKeys, tableData }: ActionType,
     emit: EmitType,
 ) {
     const searchState = reactive<SearchState>({
@@ -146,10 +129,7 @@ export function useDataSource(
         return dataSourceRef.value[index]
     }
 
-    function updateTableDataRecord(
-        rowKey: string | number,
-        record: Recordable,
-    ): Recordable | undefined {
+    function updateTableDataRecord(rowKey: string | number, record: Recordable): Recordable | undefined {
         const row = findTableDataRecord(rowKey)
 
         if (row) {
@@ -187,8 +167,7 @@ export function useDataSource(
                 }
                 return row[targetKeyName] === key
             })
-            if (typeof index !== 'undefined' && index !== -1)
-                unref(propsRef).dataSource?.splice(index, 1)
+            if (typeof index !== 'undefined' && index !== -1) unref(propsRef).dataSource?.splice(index, 1)
         }
         setPagination({
             total: unref(propsRef).dataSource?.length,
@@ -240,29 +219,15 @@ export function useDataSource(
     }
 
     async function fetch(opt?: FetchParams) {
-        const {
-            api,
-            searchInfo,
-            defSort,
-            fetchSetting,
-            beforeFetch,
-            afterFetch,
-            useSearchForm,
-            pagination,
-        } = unref(propsRef)
+        const { api, searchInfo, defSort, fetchSetting, beforeFetch, afterFetch, useSearchForm, pagination } =
+            unref(propsRef)
         if (!api || !isFunction(api)) return
         try {
             setLoading(true)
-            const { pageField, sizeField, listField, totalField } = Object.assign(
-                {},
-                FETCH_SETTING,
-                fetchSetting,
-            )
+            const { pageField, sizeField, listField, totalField } = Object.assign({}, FETCH_SETTING, fetchSetting)
             let pageParams: Recordable = {}
 
-            const { current = 1, pageSize = PAGE_SIZE } = unref(
-                getPaginationInfo,
-            ) as PaginationProps
+            const { current = 1, pageSize = PAGE_SIZE } = unref(getPaginationInfo) as PaginationProps
 
             if ((isBoolean(pagination) && !pagination) || isBoolean(getPaginationInfo)) {
                 pageParams = {}

src/components/Table/src/hooks/useRowSelection.ts

@@ -5,11 +5,7 @@ import { ROW_KEY } from '../const'
 import { omit } from 'lodash-es'
 import { findNodeAll } from '/@/utils/helper/treeHelper'
 
-export function useRowSelection(
-    propsRef: ComputedRef<BasicTableProps>,
-    tableData: Ref<Recordable[]>,
-    emit: EmitType,
-) {
+export function useRowSelection(propsRef: ComputedRef<BasicTableProps>, tableData: Ref<Recordable[]>, emit: EmitType) {
     const selectedRowKeysRef = ref<string[]>([])
     const selectedRowRef = ref<Recordable[]>([])
 
@@ -42,8 +38,7 @@ export function useRowSelection(
                 const { rowSelection } = unref(propsRef)
                 if (rowSelection) {
                     const { onChange } = rowSelection
-                    if (onChange && isFunction(onChange))
-                        onChange(getSelectRowKeys(), getSelectRows())
+                    if (onChange && isFunction(onChange)) onChange(getSelectRowKeys(), getSelectRows())
                 }
                 emit('selection-change', {
                     keys: getSelectRowKeys(),

src/components/Table/src/hooks/useScrollTo.ts

@@ -2,17 +2,12 @@ import type { ComputedRef, Ref } from 'vue'
 import { nextTick, unref } from 'vue'
 import { warn } from '/@/utils/log'
 
-export function useTableScrollTo(
-    tableElRef: Ref<ComponentRef>,
-    getDataSourceRef: ComputedRef<Recordable[]>,
-) {
+export function useTableScrollTo(tableElRef: Ref<ComponentRef>, getDataSourceRef: ComputedRef<Recordable[]>) {
     let bodyEl: HTMLElement | null
 
     async function findTargetRowToScroll(targetRowData: Recordable) {
         const { id } = targetRowData
-        const targetRowEl: HTMLElement | null | undefined = bodyEl?.querySelector(
-            `[data-row-key="${id}"]`,
-        )
+        const targetRowEl: HTMLElement | null | undefined = bodyEl?.querySelector(`[data-row-key="${id}"]`)
         //Add a delay to get new dataSource
         await nextTick()
         bodyEl?.scrollTo({

src/components/Table/src/hooks/useTableExpand.ts

@@ -3,11 +3,7 @@ import type { BasicTableProps } from '../types/table'
 import { computed, unref, ref, toRaw } from 'vue'
 import { ROW_KEY } from '../const'
 
-export function useTableExpand(
-    propsRef: ComputedRef<BasicTableProps>,
-    tableData: Ref<Recordable[]>,
-    emit: EmitType,
-) {
+export function useTableExpand(propsRef: ComputedRef<BasicTableProps>, tableData: Ref<Recordable[]>, emit: EmitType) {
     const expandedRowKeys = ref<string[]>([])
 
     const getAutoCreateKey = computed(() => {

src/components/Table/src/hooks/useTableForm.ts

@@ -23,9 +23,7 @@ export function useTableForm(
 
     const getFormSlotKeys: ComputedRef<string[]> = computed(() => {
         const keys = Object.keys(slots)
-        return keys
-            .map((item) => (item.startsWith('form-') ? item : null))
-            .filter((item) => !!item) as string[]
+        return keys.map((item) => (item.startsWith('form-') ? item : null)).filter((item) => !!item) as string[]
     })
 
     function replaceFormSlotKey(key: string) {

src/components/Table/src/hooks/useTableHeader.ts

@@ -5,11 +5,7 @@ import TableHeader from '../components/TableHeader.vue'
 import { isString } from '/@/utils/is'
 import { getSlot } from '/@/utils/helper/tsxHelper'
 
-export function useTableHeader(
-    propsRef: ComputedRef<BasicTableProps>,
-    slots: Slots,
-    handlers: InnerHandlers,
-) {
+export function useTableHeader(propsRef: ComputedRef<BasicTableProps>, slots: Slots, handlers: InnerHandlers) {
     const getHeaderProps = computed((): Recordable => {
         const { title, showTableSetting, titleHelpMessage, tableSetting } = unref(propsRef)
         const hideTitle = !slots.tableTitle && !title && !slots.toolbar && !showTableSetting

src/components/Table/src/hooks/useTableScroll.ts

@@ -56,8 +56,7 @@ export function useTableScroll(
     let bodyEl: HTMLElement | null
 
     async function calcTableHeight() {
-        const { resizeHeightOffset, pagination, maxHeight, isCanResizeParent, useSearchForm } =
-            unref(propsRef)
+        const { resizeHeightOffset, pagination, maxHeight, isCanResizeParent, useSearchForm } = unref(propsRef)
         const tableData = unref(getDataSourceRef)
 
         const table = unref(tableElRef)
@@ -75,19 +74,15 @@ export function useTableScroll(
         const hasScrollBarX = bodyEl.scrollWidth > bodyEl.clientWidth
 
         if (hasScrollBarY) {
-            tableEl.classList.contains('hide-scrollbar-y') &&
-                tableEl.classList.remove('hide-scrollbar-y')
+            tableEl.classList.contains('hide-scrollbar-y') && tableEl.classList.remove('hide-scrollbar-y')
         } else {
-            !tableEl.classList.contains('hide-scrollbar-y') &&
-                tableEl.classList.add('hide-scrollbar-y')
+            !tableEl.classList.contains('hide-scrollbar-y') && tableEl.classList.add('hide-scrollbar-y')
         }
 
         if (hasScrollBarX) {
-            tableEl.classList.contains('hide-scrollbar-x') &&
-                tableEl.classList.remove('hide-scrollbar-x')
+            tableEl.classList.contains('hide-scrollbar-x') && tableEl.classList.remove('hide-scrollbar-x')
         } else {
-            !tableEl.classList.contains('hide-scrollbar-x') &&
-                tableEl.classList.add('hide-scrollbar-x')
+            !tableEl.classList.contains('hide-scrollbar-x') && tableEl.classList.add('hide-scrollbar-x')
         }
 
         bodyEl!.style.height = 'unset'
@@ -151,14 +146,10 @@ export function useTableScroll(
                 paddingHeight = 0
             }
 
-            const headerCellHeight =
-                (tableEl.querySelector('.ant-table-title') as HTMLElement)?.offsetHeight ?? 0
+            const headerCellHeight = (tableEl.querySelector('.ant-table-title') as HTMLElement)?.offsetHeight ?? 0
 
-            console.log(
-                wrapHeight - formHeight - headerCellHeight - tablePadding - paginationMargin,
-            )
-            bottomIncludeBody =
-                wrapHeight - formHeight - headerCellHeight - tablePadding - paginationMargin
+            console.log(wrapHeight - formHeight - headerCellHeight - tablePadding - paginationMargin)
+            bottomIncludeBody = wrapHeight - formHeight - headerCellHeight - tablePadding - paginationMargin
         } else {
             // Table height from bottom
             bottomIncludeBody = getViewportOffset(headEl).bottomIncludeBody

src/components/Table/src/props.ts

@@ -136,12 +136,7 @@ export const basicProps = {
     },
     beforeEditSubmit: {
         type: Function as PropType<
-            (data: {
-                record: Recordable
-                index: number
-                key: string | number
-                value: any
-            }) => Promise<any>
+            (data: { record: Recordable; index: number; key: string | number; value: any }) => Promise<any>
         >,
     },
     size: {

src/components/Table/src/types/column.ts

@@ -71,10 +71,7 @@ export interface ColumnProps<T> {
      * Customized filter overlay
      * @type any (slot)
      */
-    filterDropdown?:
-        | VNodeChild
-        | JSX.Element
-        | ((props: FilterDropdownProps) => VNodeChild | JSX.Element)
+    filterDropdown?: VNodeChild | JSX.Element | ((props: FilterDropdownProps) => VNodeChild | JSX.Element)
 
     /**
      * Whether filterDropdown is visible

src/components/Table/src/types/table.ts

@@ -373,12 +373,7 @@ export interface BasicTableProps<T = any> {
      *
      * The cell will not submit data while callback return false
      */
-    beforeEditSubmit?: (data: {
-        record: Recordable
-        index: number
-        key: string | number
-        value: any
-    }) => Promise<any>
+    beforeEditSubmit?: (data: { record: Recordable; index: number; key: string | number; value: any }) => Promise<any>
 
     /**
      * Callback executed when pagination, filters or sorter is changed
@@ -417,11 +412,7 @@ export interface BasicColumn extends ColumnProps<Recordable> {
     filters?: {
         text: string
         value: string
-        children?:
-            | unknown[]
-            | (((props: Record<string, unknown>) => unknown[]) &
-                  (() => unknown[]) &
-                  (() => unknown[]))
+        children?: unknown[] | (((props: Record<string, unknown>) => unknown[]) & (() => unknown[]) & (() => unknown[]))
     }[]
 
     //

src/components/Time/src/Time.vue

@@ -17,11 +17,7 @@
     export default defineComponent({
         name: 'Time',
         props: {
-            value: propTypes.oneOfType([
-                propTypes.number,
-                propTypes.instanceOf(Date),
-                propTypes.string,
-            ]).isRequired,
+            value: propTypes.oneOfType([propTypes.number, propTypes.instanceOf(Date), propTypes.string]).isRequired,
             step: propTypes.number.def(60),
             mode: propTypes.oneOf(['date', 'datetime', 'relative']).def('relative'),
         },

src/components/Tinymce/src/Editor.vue

@@ -8,12 +8,7 @@
             v-show="editorRef"
             :disabled="disabled"
         />
-        <textarea
-            :id="tinymceId"
-            ref="elRef"
-            :style="{ visibility: 'hidden' }"
-            v-if="!initOptions.inline"
-        ></textarea>
+        <textarea :id="tinymceId" ref="elRef" :style="{ visibility: 'hidden' }" v-if="!initOptions.inline"></textarea>
         <slot v-else></slot>
     </div>
 </template>
@@ -53,16 +48,7 @@
     import 'tinymce/plugins/visualchars'
     import 'tinymce/plugins/wordcount'
 
-    import {
-        defineComponent,
-        computed,
-        nextTick,
-        ref,
-        unref,
-        watch,
-        onDeactivated,
-        onBeforeUnmount,
-    } from 'vue'
+    import { defineComponent, computed, nextTick, ref, unref, watch, onDeactivated, onBeforeUnmount } from 'vue'
     import ImgUpload from './ImgUpload.vue'
     import { toolbar, plugins } from './tinymce'
     import { buildShortUUID } from '/@/utils/uuid'
@@ -162,11 +148,7 @@
                     auto_focus: true,
                     skin: skinName.value,
                     skin_url: publicPath + 'resource/tinymce/skins/ui/' + skinName.value,
-                    content_css:
-                        publicPath +
-                        'resource/tinymce/skins/ui/' +
-                        skinName.value +
-                        '/content.min.css',
+                    content_css: publicPath + 'resource/tinymce/skins/ui/' + skinName.value + '/content.min.css',
                     ...options,
                     setup: (editor: Editor) => {
                         editorRef.value = editor
@@ -261,9 +243,7 @@
 
             function bindModelHandlers(editor: any) {
                 const modelEvents = attrs.modelEvents ? attrs.modelEvents : null
-                const normalizedEvents = Array.isArray(modelEvents)
-                    ? modelEvents.join(' ')
-                    : modelEvents
+                const normalizedEvents = Array.isArray(modelEvents) ? modelEvents.join(' ') : modelEvents
 
                 watch(
                     () => props.modelValue,

src/components/Transition/index.ts

@@ -16,12 +16,6 @@ export const SlideXReverseTransition = createSimpleTransition('slide-x-reverse-t
 export const ScrollXReverseTransition = createSimpleTransition('scroll-x-reverse-transition')
 export const ScaleRotateTransition = createSimpleTransition('scale-rotate-transition')
 
-export const ExpandXTransition = createJavascriptTransition(
-    'expand-x-transition',
-    ExpandTransitionGenerator('', true),
-)
+export const ExpandXTransition = createJavascriptTransition('expand-x-transition', ExpandTransitionGenerator('', true))
 
-export const ExpandTransition = createJavascriptTransition(
-    'expand-transition',
-    ExpandTransitionGenerator(''),
-)
+export const ExpandTransition = createJavascriptTransition('expand-transition', ExpandTransitionGenerator(''))

src/components/Transition/src/CreateTransition.tsx

@@ -38,11 +38,7 @@ export function createSimpleTransition(name: string, origin = 'top center 0', mo
         },
     })
 }
-export function createJavascriptTransition(
-    name: string,
-    functions: Recordable,
-    mode: Mode = 'in-out',
-) {
+export function createJavascriptTransition(name: string, functions: Recordable, mode: Mode = 'in-out') {
     return defineComponent({
         name,
         props: {

src/components/Tree/src/Tree.vue

 <script lang="tsx">
     import type { CSSProperties } from 'vue'
-    import type {
-        FieldNames,
-        TreeState,
-        TreeItem,
-        KeyType,
-        CheckKeys,
-        TreeActionType,
-    } from './tree'
-
-    import {
-        defineComponent,
-        reactive,
-        computed,
-        unref,
-        ref,
-        watchEffect,
-        toRaw,
-        watch,
-        onMounted,
-    } from 'vue'
+    import type { FieldNames, TreeState, TreeItem, KeyType, CheckKeys, TreeActionType } from './tree'
+
+    import { defineComponent, reactive, computed, unref, ref, watchEffect, toRaw, watch, onMounted } from 'vue'
     import TreeHeader from './TreeHeader.vue'
     import { Tree, Empty } from 'ant-design-vue'
     import { TreeIcon } from './TreeIcon'
@@ -91,10 +74,7 @@
                         let currentValue = toRaw(state.checkedKeys) as KeyType[]
                         if (isArray(currentValue) && searchState.startSearch) {
                             const { key } = unref(getFieldNames)
-                            currentValue = difference(
-                                currentValue,
-                                getChildrenKeys(e.node.$attrs.node[key]),
-                            )
+                            currentValue = difference(currentValue, getChildrenKeys(e.node.$attrs.node[key]))
                             if (e.checked) {
                                 currentValue.push(e.node.$attrs.node[key])
                             }
@@ -221,8 +201,7 @@
                     searchState.startSearch = false
                     return
                 }
-                const { filterFn, checkable, expandOnSearch, checkOnSearch, selectedOnSearch } =
-                    unref(props)
+                const { filterFn, checkable, expandOnSearch, checkOnSearch, selectedOnSearch } = unref(props)
                 searchState.startSearch = true
                 const { title: titleField, key: keyField } = unref(getFieldNames)
 
@@ -368,21 +347,13 @@
                 eachTree(data, (item, _parent) => {
                     const searchText = searchState.searchText
                     const { highlight } = unref(props)
-                    const {
-                        title: titleField,
-                        key: keyField,
-                        children: childrenField,
-                    } = unref(getFieldNames)
+                    const { title: titleField, key: keyField, children: childrenField } = unref(getFieldNames)
 
                     const icon = getIcon(item, item.icon)
                     const title = get(item, titleField)
 
                     const searchIdx = searchText ? title.indexOf(searchText) : -1
-                    const isHighlight =
-                        searchState.startSearch &&
-                        !isEmpty(searchText) &&
-                        highlight &&
-                        searchIdx !== -1
+                    const isHighlight = searchState.startSearch && !isEmpty(searchText) && highlight && searchIdx !== -1
                     const highlightStyle = `color: ${isBoolean(highlight) ? '#f50' : highlight}`
 
                     const titleDom = isHighlight ? (
@@ -397,11 +368,7 @@
                     item.title = (
                         <span
                             class={`${bem('title')} pl-2`}
-                            onClick={handleClickNode.bind(
-                                null,
-                                item[keyField],
-                                item[childrenField],
-                            )}
+                            onClick={handleClickNode.bind(null, item[keyField], item[childrenField])}
                         >
                             {slots?.title ? (
                                 getSlot(slots, 'title', item)
@@ -444,17 +411,9 @@
                             </TreeHeader>
                         )}
                         <ScrollContainer style={scrollStyle} v-show={!unref(getNotFound)}>
-                            <Tree
-                                {...unref(getBindValues)}
-                                showIcon={false}
-                                treeData={treeData.value}
-                            />
+                            <Tree {...unref(getBindValues)} showIcon={false} treeData={treeData.value} />
                         </ScrollContainer>
-                        <Empty
-                            v-show={unref(getNotFound)}
-                            image={Empty.PRESENTED_IMAGE_SIMPLE}
-                            class="!mt-4"
-                        />
+                        <Empty v-show={unref(getNotFound)} image={Empty.PRESENTED_IMAGE_SIMPLE} class="!mt-4" />
                     </div>
                 )
             }

src/components/Tree/src/TreeHeader.vue

@@ -4,10 +4,7 @@
         <BasicTitle :helpMessage="helpMessage" v-if="!slots.headerTitle && title">
             {{ title }}
         </BasicTitle>
-        <div
-            class="flex items-center flex-1 cursor-pointer justify-self-stretch"
-            v-if="search || toolbar"
-        >
+        <div class="flex items-center flex-1 cursor-pointer justify-self-stretch" v-if="search || toolbar">
             <div :class="getInputSearchCls" v-if="search">
                 <InputSearch
                     :placeholder="t('common.searchText')"

src/components/Tree/src/tree.ts

@@ -36,9 +36,7 @@ export interface FieldNames {
 
 export type KeyType = string | number
 
-export type CheckKeys =
-    | KeyType[]
-    | { checked: string[] | number[]; halfChecked: string[] | number[] }
+export type CheckKeys = KeyType[] | { checked: string[] | number[]; halfChecked: string[] | number[] }
 
 export const treeProps = buildProps({
     value: {
@@ -114,9 +112,7 @@ export const treeProps = buildProps({
     },
     // 自定义数据过滤判断方法(注: 不是整个过滤方法，而是内置过滤的判断方法，用于增强原本仅能通过title进行过滤的方式)
     filterFn: {
-        type: Function as PropType<
-            (searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean
-        >,
+        type: Function as PropType<(searchValue: any, node: TreeItem, fieldNames: FieldNames) => boolean>,
         default: undefined,
     },
     // 高亮搜索值，仅高亮具体匹配值（通过title）值为true时使用默认色值，值为#xxx时使用此值替代且高亮开启

src/components/Upload/src/FileList.vue

@@ -49,17 +49,10 @@
                                 return (
                                     <tr class="file-table-tr" key={`${index + record.name || ''}`}>
                                         {columnList.map((item) => {
-                                            const {
-                                                dataIndex = '',
-                                                customRender,
-                                                align = 'center',
-                                            } = item
+                                            const { dataIndex = '', customRender, align = 'center' } = item
                                             const render = customRender && isFunction(customRender)
                                             return (
-                                                <td
-                                                    class={['file-table-td', align]}
-                                                    key={dataIndex}
-                                                >
+                                                <td class={['file-table-td', align]} key={dataIndex}>
                                                     {render
                                                         ? customRender?.({
                                                               text: record[dataIndex],

src/components/Upload/src/UploadModal.vue

@@ -14,12 +14,7 @@
         :cancelButtonProps="{ disabled: isUploadingRef }"
     >
         <template #centerFooter>
-            <a-button
-                @click="handleStartUpload"
-                color="success"
-                :disabled="!getIsSelectFile"
-                :loading="isUploadingRef"
-            >
+            <a-button @click="handleStartUpload" color="success" :disabled="!getIsSelectFile" :loading="isUploadingRef">
                 {{ getUploadBtnText }}
             </a-button>
         </template>
@@ -102,19 +97,14 @@
             })
 
             const getOkButtonProps = computed(() => {
-                const someSuccess = fileListRef.value.some(
-                    (item) => item.status === UploadResultStatus.SUCCESS,
-                )
+                const someSuccess = fileListRef.value.some((item) => item.status === UploadResultStatus.SUCCESS)
                 return {
-                    disabled:
-                        isUploadingRef.value || fileListRef.value.length === 0 || !someSuccess,
+                    disabled: isUploadingRef.value || fileListRef.value.length === 0 || !someSuccess,
                 }
             })
 
             const getUploadBtnText = computed(() => {
-                const someError = fileListRef.value.some(
-                    (item) => item.status === UploadResultStatus.ERROR,
-                )
+                const someError = fileListRef.value.some((item) => item.status === UploadResultStatus.ERROR)
                 return isUploadingRef.value
                     ? t('component.upload.uploading')
                     : someError
@@ -191,8 +181,7 @@
                             filename: props.filename,
                         },
                         function onUploadProgress(progressEvent: ProgressEvent) {
-                            const complete =
-                                ((progressEvent.loaded / progressEvent.total) * 100) | 0
+                            const complete = ((progressEvent.loaded / progressEvent.total) * 100) | 0
                             item.percent = complete
                         },
                     )
@@ -222,9 +211,7 @@
                     isUploadingRef.value = true
                     // 只上传不是成功状态的
                     const uploadFileList =
-                        fileListRef.value.filter(
-                            (item) => item.status !== UploadResultStatus.SUCCESS,
-                        ) || []
+                        fileListRef.value.filter((item) => item.status !== UploadResultStatus.SUCCESS) || []
                     const data = await Promise.all(
                         uploadFileList.map((item) => {
                             return uploadApiByItem(item)

src/components/Verify/src/DragVerify.vue

@@ -110,8 +110,7 @@
                 const actionEl = unref(actionElRef)
                 if (!actionEl) return
                 emit('start', e)
-                state.moveDistance =
-                    getEventPageX(e) - parseInt(actionEl.style.left.replace('px', ''), 10)
+                state.moveDistance = getEventPageX(e) - parseInt(actionEl.style.left.replace('px', ''), 10)
                 state.startTime = new Date().getTime()
                 state.isMoving = true
             }

src/components/Verify/src/ImgRotate.vue

@@ -65,15 +65,10 @@
                 const { imgWidth, height, maxDegree } = props
                 const { moveX } = data
                 const currentRotate = Math.ceil(
-                    (moveX / (imgWidth! - parseInt(height as string))) *
-                        maxDegree! *
-                        unref(getFactorRef),
+                    (moveX / (imgWidth! - parseInt(height as string))) * maxDegree! * unref(getFactorRef),
                 )
                 state.currentRotate = currentRotate
-                state.imgStyle = hackCss(
-                    'transform',
-                    `rotateZ(${state.randomRotate - currentRotate}deg)`,
-                )
+                state.imgStyle = hackCss('transform', `rotateZ(${state.randomRotate - currentRotate}deg)`)
             }
 
             function handleImgOnLoad() {
@@ -144,21 +139,14 @@
                                 alt="verify"
                             />
                             {state.showTip && (
-                                <span
-                                    class={[
-                                        `ir-dv-img__tip`,
-                                        state.isPassing ? 'success' : 'error',
-                                    ]}
-                                >
+                                <span class={[`ir-dv-img__tip`, state.isPassing ? 'success' : 'error']}>
                                     {state.isPassing
                                         ? t('component.verify.time', { time: time.toFixed(1) })
                                         : t('component.verify.error')}
                                 </span>
                             )}
                             {!state.showTip && !state.draged && (
-                                <span class={[`ir-dv-img__tip`, 'normal']}>
-                                    {t('component.verify.redoTip')}
-                                </span>
+                                <span class={[`ir-dv-img__tip`, 'normal']}>{t('component.verify.redoTip')}</span>
                             )}
                         </div>
                         <BasicDragVerify

src/components/VirtualScroll/src/VirtualScroll.vue

 <script lang="tsx">
-    import {
-        defineComponent,
-        computed,
-        ref,
-        unref,
-        reactive,
-        onMounted,
-        watch,
-        nextTick,
-        CSSProperties,
-    } from 'vue'
+    import { defineComponent, computed, ref, unref, reactive, onMounted, watch, nextTick, CSSProperties } from 'vue'
     import { useEventListener } from '/@/hooks/event/useEventListener'
     import { getSlot } from '/@/utils/helper/tsxHelper'
 
@@ -38,10 +28,7 @@
 
     const prefixCls = 'virtual-scroll'
 
-    function convertToUnit(
-        str: string | number | null | undefined,
-        unit = 'px',
-    ): string | undefined {
+    function convertToUnit(str: string | number | null | undefined, unit = 'px'): string | undefined {
         if (str == null || str === '') {
             return undefined
         } else if (isNaN(+str!)) {
@@ -132,9 +119,7 @@
 
             function renderChildren() {
                 const { items = [] } = props
-                return items
-                    .slice(unref(getFirstToRenderRef), unref(getLastToRenderRef))
-                    .map(genChild)
+                return items.slice(unref(getFirstToRenderRef), unref(getLastToRenderRef)).map(genChild)
             }
 
             function genChild(item: any, index: number) {

src/design/theme.less

@@ -33,13 +33,12 @@ html[data-theme='light'] {
     }
 
     .ant-card-grid-hoverable:hover {
-        box-shadow: 0 3px 6px -4px rgb(0 0 0 / 48%), 0 6px 16px 0 rgb(0 0 0 / 32%),
-            0 9px 28px 8px rgb(0 0 0 / 20%);
+        box-shadow: 0 3px 6px -4px rgb(0 0 0 / 48%), 0 6px 16px 0 rgb(0 0 0 / 32%), 0 9px 28px 8px rgb(0 0 0 / 20%);
     }
 
     .ant-card-grid {
-        box-shadow: 1px 0 0 0 #434343, 0 1px 0 0 #434343, 1px 1px 0 0 #434343,
-            1px 0 0 0 #434343 inset, 0 1px 0 0 #434343 inset;
+        box-shadow: 1px 0 0 0 #434343, 0 1px 0 0 #434343, 1px 1px 0 0 #434343, 1px 0 0 0 #434343 inset,
+            0 1px 0 0 #434343 inset;
     }
 
     .ant-calendar-selected-day .ant-calendar-date {

src/design/transition/index.less

@@ -6,6 +6,5 @@
 @import './zoom.less';
 
 .collapse-transition {
-    transition: 0.2s height ease-in-out, 0.2s padding-top ease-in-out,
-        0.2s padding-bottom ease-in-out;
+    transition: 0.2s height ease-in-out, 0.2s padding-top ease-in-out, 0.2s padding-bottom ease-in-out;
 }

src/directives/clickOutside.ts

@@ -51,14 +51,7 @@ function createDocumentHandler(el: HTMLElement, binding: DirectiveBinding): Docu
             (excludes.length && excludes.includes(mouseDownTarget as HTMLElement))
         const isContainedByPopper =
             popperRef && (popperRef.contains(mouseUpTarget) || popperRef.contains(mouseDownTarget))
-        if (
-            isBound ||
-            isTargetExists ||
-            isContainedByEl ||
-            isSelf ||
-            isTargetExcluded ||
-            isContainedByPopper
-        ) {
+        if (isBound || isTargetExists || isContainedByEl || isSelf || isTargetExcluded || isContainedByPopper) {
             return
         }
         binding.value()

src/directives/ripple/index.ts

@@ -46,12 +46,7 @@ const RippleDirective: Directive & RippleProto = {
     },
 }
 
-function rippler({
-    event,
-    el,
-    zIndex,
-    background,
-}: { event: EventType; el: HTMLElement } & RippleProto) {
+function rippler({ event, el, zIndex, background }: { event: EventType; el: HTMLElement } & RippleProto) {
     const targetBorder = parseInt(getComputedStyle(el).borderWidth.replace('px', ''))
     const clientX = event.clientX || event.touches[0].clientX
     const clientY = event.clientY || event.touches[0].clientY
@@ -99,8 +94,7 @@ function rippler({
         overflow: 'hidden',
     })
 
-    const storedTargetPosition =
-        el.style.position.length > 0 ? el.style.position : getComputedStyle(el).position
+    const storedTargetPosition = el.style.position.length > 0 ? el.style.position : getComputedStyle(el).position
 
     if (storedTargetPosition !== 'relative') {
         el.style.position = 'relative'
@@ -114,12 +108,7 @@ function rippler({
         marginLeft: `${dx}px`,
     })
 
-    const {
-        borderTopLeftRadius,
-        borderTopRightRadius,
-        borderBottomLeftRadius,
-        borderBottomRightRadius,
-    } = style
+    const { borderTopLeftRadius, borderTopRightRadius, borderBottomLeftRadius, borderBottomRightRadius } = style
     Object.assign(rippleContainer.style, {
         width: `${width}px`,
         height: `${height}px`,

src/hooks/component/useFormItem.ts

 import type { UnwrapRef, Ref, WritableComputedRef, DeepReadonly } from 'vue'
-import {
-    reactive,
-    readonly,
-    computed,
-    getCurrentInstance,
-    watchEffect,
-    unref,
-    nextTick,
-    toRaw,
-} from 'vue'
+import { reactive, readonly, computed, getCurrentInstance, watchEffect, unref, nextTick, toRaw } from 'vue'
 
 import { isEqual } from 'lodash-es'
 

src/hooks/core/useContext.ts

@@ -18,11 +18,7 @@ type ShallowUnwrap<T> = {
     [P in keyof T]: UnwrapRef<T[P]>
 }
 
-export function createContext<T>(
-    context: any,
-    key: InjectionKey<T> = Symbol(),
-    options: CreateContextOptions = {},
-) {
+export function createContext<T>(context: any, key: InjectionKey<T> = Symbol(), options: CreateContextOptions = {}) {
     const { readonly = true, createProvider = false, native = false } = options
 
     const state = reactive(context)
@@ -37,9 +33,6 @@ export function createContext<T>(
 export function useContext<T>(key: InjectionKey<T>, native?: boolean): T
 export function useContext<T>(key: InjectionKey<T>, defaultValue?: any, native?: boolean): T
 
-export function useContext<T>(
-    key: InjectionKey<T> = Symbol(),
-    defaultValue?: any,
-): ShallowUnwrap<T> {
+export function useContext<T>(key: InjectionKey<T> = Symbol(), defaultValue?: any): ShallowUnwrap<T> {
     return inject(key, defaultValue || {})
 }

src/hooks/setting/useHeaderSetting.ts

@@ -28,20 +28,12 @@ export function useHeaderSetting() {
     const getShowInsetHeaderRef = computed(() => {
         const need = !unref(getFullContent) && unref(getShowHeader)
         return (
-            (need && !unref(getShowMixHeaderRef)) ||
-            (need && unref(getIsTopMenu)) ||
-            (need && unref(getIsMixSidebar))
+            (need && !unref(getShowMixHeaderRef)) || (need && unref(getIsTopMenu)) || (need && unref(getIsMixSidebar))
         )
     })
 
-    const {
-        getMenuMode,
-        getSplit,
-        getShowHeaderTrigger,
-        getIsSidebarType,
-        getIsMixSidebar,
-        getIsTopMenu,
-    } = useMenuSetting()
+    const { getMenuMode, getSplit, getShowHeaderTrigger, getIsSidebarType, getIsMixSidebar, getIsTopMenu } =
+        useMenuSetting()
     const { getShowBreadCrumb, getShowLogo } = useRootSetting()
 
     const getShowMixHeaderRef = computed(() => !unref(getIsSidebarType) && unref(getShowHeader))
@@ -65,11 +57,7 @@ export function useHeaderSetting() {
     const getShowNotice = computed(() => appStore.getHeaderSetting.showNotice)
 
     const getShowBread = computed(() => {
-        return (
-            unref(getMenuMode) !== MenuModeEnum.HORIZONTAL &&
-            unref(getShowBreadCrumb) &&
-            !unref(getSplit)
-        )
+        return unref(getMenuMode) !== MenuModeEnum.HORIZONTAL && unref(getShowBreadCrumb) && !unref(getSplit)
     })
 
     const getShowHeaderLogo = computed(() => {

src/hooks/setting/useMenuSetting.ts

@@ -17,9 +17,7 @@ export function useMenuSetting() {
     const getShowSidebar = computed(() => {
         return (
             unref(getSplit) ||
-            (unref(getShowMenu) &&
-                unref(getMenuMode) !== MenuModeEnum.HORIZONTAL &&
-                !unref(fullContent))
+            (unref(getShowMenu) && unref(getMenuMode) !== MenuModeEnum.HORIZONTAL && !unref(fullContent))
         )
     })
 
@@ -55,9 +53,7 @@ export function useMenuSetting() {
 
     const getTopMenuAlign = computed(() => appStore.getMenuSetting.topMenuAlign)
 
-    const getCloseMixSidebarOnChange = computed(
-        () => appStore.getMenuSetting.closeMixSidebarOnChange,
-    )
+    const getCloseMixSidebarOnChange = computed(() => appStore.getMenuSetting.closeMixSidebarOnChange)
 
     const getIsSidebarType = computed(() => unref(getMenuType) === MenuTypeEnum.SIDEBAR)
 
@@ -70,11 +66,7 @@ export function useMenuSetting() {
     })
 
     const getShowHeaderTrigger = computed(() => {
-        if (
-            unref(getMenuType) === MenuTypeEnum.TOP_MENU ||
-            !unref(getShowMenu) ||
-            unref(getMenuHidden)
-        ) {
+        if (unref(getMenuType) === MenuTypeEnum.TOP_MENU || !unref(getShowMenu) || unref(getMenuHidden)) {
             return false
         }
 
@@ -95,9 +87,7 @@ export function useMenuSetting() {
 
     const getRealWidth = computed(() => {
         if (unref(getIsMixSidebar)) {
-            return unref(getCollapsed) && !unref(getMixSideFixed)
-                ? unref(getMiniWidthNumber)
-                : unref(getMenuWidth)
+            return unref(getCollapsed) && !unref(getMixSideFixed) ? unref(getMiniWidthNumber) : unref(getMenuWidth)
         }
         return unref(getCollapsed) ? unref(getMiniWidthNumber) : unref(getMenuWidth)
     })

src/hooks/setting/useRootSetting.ts

@@ -5,10 +5,7 @@ import { computed } from 'vue'
 import { useAppStore } from '/@/store/modules/app'
 import { ContentEnum, ThemeEnum } from '/@/enums/appEnum'
 
-type RootSetting = Omit<
-    ProjectConfig,
-    'locale' | 'headerSetting' | 'menuSetting' | 'multiTabsSetting'
->
+type RootSetting = Omit<ProjectConfig, 'locale' | 'headerSetting' | 'menuSetting' | 'multiTabsSetting'>
 
 export function useRootSetting() {
     const appStore = useAppStore()
@@ -54,9 +51,7 @@ export function useRootSetting() {
     const getDarkMode = computed(() => appStore.getDarkMode)
 
     const getLayoutContentMode = computed(() =>
-        appStore.getProjectConfig.contentMode === ContentEnum.FULL
-            ? ContentEnum.FULL
-            : ContentEnum.FIXED,
+        appStore.getProjectConfig.contentMode === ContentEnum.FULL ? ContentEnum.FULL : ContentEnum.FIXED,
     )
 
     function setRootSetting(setting: Partial<RootSetting>) {

src/hooks/web/useContentHeight.ts

@@ -115,10 +115,7 @@ export function useContentHeight(
 
         // upwardSpace
         let upwardSpaceHeight = 0
-        function upward(
-            element: Element | null,
-            upwardLvlOrClass: number | string | null | undefined,
-        ) {
+        function upward(element: Element | null, upwardLvlOrClass: number | string | null | undefined) {
             if (element && upwardLvlOrClass) {
                 const parent = element.parentElement
                 if (parent) {

src/hooks/web/useECharts.ts

@@ -9,10 +9,7 @@ import { useBreakpoint } from '/@/hooks/event/useBreakpoint'
 import echarts from '/@/utils/lib/echarts'
 import { useRootSetting } from '/@/hooks/setting/useRootSetting'
 
-export function useECharts(
-    elRef: Ref<HTMLDivElement>,
-    theme: 'light' | 'dark' | 'default' = 'default',
-) {
+export function useECharts(elRef: Ref<HTMLDivElement>, theme: 'light' | 'dark' | 'default' = 'default') {
     const { getDarkMode: getSysDarkMode } = useRootSetting()
 
     const getDarkMode = computed(() => {

src/hooks/web/usePage.ts

@@ -20,10 +20,7 @@ export function useGo(_router?: Router) {
         router = useRouter()
     }
     const { push, replace } = _router || router
-    function go(
-        opt: PageEnum | RouteLocationRawEx | string = PageEnum.BASE_HOME,
-        isReplace = false,
-    ) {
+    function go(opt: PageEnum | RouteLocationRawEx | string = PageEnum.BASE_HOME, isReplace = false) {
         if (!opt) {
             return
         }

src/hooks/web/usePermission.ts

@@ -87,9 +87,7 @@ export function usePermission() {
      */
     async function changeRole(roles: RoleEnum | RoleEnum[]): Promise<void> {
         if (projectSetting.permissionMode !== PermissionModeEnum.ROUTE_MAPPING) {
-            throw new Error(
-                'Please switch PermissionModeEnum to ROUTE_MAPPING mode in the configuration to operate!',
-            )
+            throw new Error('Please switch PermissionModeEnum to ROUTE_MAPPING mode in the configuration to operate!')
         }
 
         if (!isArray(roles)) {

src/hooks/web/useTabs.ts

@@ -22,9 +22,7 @@ export function useTabs(_router?: Router) {
     function canIUseTabs(): boolean {
         const { show } = appStore.getMultiTabsSetting
         if (!show) {
-            throw new Error(
-                'The multi-tab page is currently not open, please open it in the settings！',
-            )
+            throw new Error('The multi-tab page is currently not open, please open it in the settings！')
         }
         return !!show
     }
@@ -100,7 +98,6 @@ export function useTabs(_router?: Router) {
         closeCurrent: () => handleTabAction(TableActionEnum.CLOSE_CURRENT),
         close: (tab?: RouteLocationNormalized) => handleTabAction(TableActionEnum.CLOSE, tab),
         setTitle: (title: string, tab?: RouteLocationNormalized) => updateTabTitle(title, tab),
-        updatePath: (fullPath: string, tab?: RouteLocationNormalized) =>
-            updateTabPath(fullPath, tab),
+        updatePath: (fullPath: string, tab?: RouteLocationNormalized) => updateTabPath(fullPath, tab),
     }
 }

src/hooks/web/useWatermark.ts

@@ -5,9 +5,7 @@ import { isDef } from '/@/utils/is'
 
 const domSymbol = Symbol('watermark-dom')
 
-export function useWatermark(
-    appendEl: Ref<HTMLElement | null> = ref(document.body) as Ref<HTMLElement>,
-) {
+export function useWatermark(appendEl: Ref<HTMLElement | null> = ref(document.body) as Ref<HTMLElement>) {
     const func = useRafThrottle(function () {
         const el = unref(appendEl)
         if (!el) return

src/layouts/default/content/index.vue

 <template>
-    <div
-        :class="[prefixCls, getLayoutContentMode]"
-        v-loading="getOpenPageLoading && getPageLoading"
-    >
+    <div :class="[prefixCls, getLayoutContentMode]" v-loading="getOpenPageLoading && getPageLoading">
         <PageLayout />
     </div>
 </template>

src/layouts/default/feature/index.vue

@@ -16,18 +16,12 @@
         components: {
             BackTop,
             LayoutLockPage: createAsyncComponent(() => import('/@/views/sys/lock/index.vue')),
-            SettingDrawer: createAsyncComponent(
-                () => import('/@/layouts/default/setting/index.vue'),
-            ),
+            SettingDrawer: createAsyncComponent(() => import('/@/layouts/default/setting/index.vue')),
             SessionTimeoutLogin,
         },
         setup() {
-            const {
-                getUseOpenBackTop,
-                getShowSettingButton,
-                getSettingButtonPosition,
-                getFullContent,
-            } = useRootSetting()
+            const { getUseOpenBackTop, getShowSettingButton, getSettingButtonPosition, getFullContent } =
+                useRootSetting()
             const userStore = useUserStoreWithOut()
             const { prefixCls } = useDesign('setting-drawer-feature')
             const { getShowHeader } = useHeaderSetting()

src/layouts/default/header/MultipleHeader.vue

@@ -31,13 +31,8 @@
 
             const { getCalcContentWidth, getSplit } = useMenuSetting()
             const { getIsMobile } = useAppInject()
-            const {
-                getFixed,
-                getShowInsetHeaderRef,
-                getShowFullHeaderRef,
-                getHeaderTheme,
-                getShowHeader,
-            } = useHeaderSetting()
+            const { getFixed, getShowInsetHeaderRef, getShowFullHeaderRef, getHeaderTheme, getShowHeader } =
+                useHeaderSetting()
 
             const { getFullContent } = useFullContent()
 

src/layouts/default/header/components/FullScreen.vue

@@ -22,9 +22,7 @@
             const { toggle, isFullscreen } = useFullscreen()
 
             const getTitle = computed(() => {
-                return unref(isFullscreen)
-                    ? t('layout.header.tooltipExitFull')
-                    : t('layout.header.tooltipEntryFull')
+                return unref(isFullscreen) ? t('layout.header.tooltipExitFull') : t('layout.header.tooltipEntryFull')
             })
 
             return {

src/layouts/default/header/components/notify/index.vue

@@ -13,11 +13,7 @@
                                 <span v-if="item.list.length !== 0">({{ item.list.length }})</span>
                             </template>
                             <!-- 绑定title-click事件的通知列表中标题是“可点击”的-->
-                            <NoticeList
-                                :list="item.list"
-                                v-if="item.key === '1'"
-                                @title-click="onNoticeClick"
-                            />
+                            <NoticeList :list="item.list" v-if="item.key === '1'" @title-click="onNoticeClick" />
                             <NoticeList :list="item.list" v-else />
                         </TabPane>
                     </template>

src/layouts/default/header/components/user-dropdown/index.vue

@@ -24,11 +24,7 @@
                     :text="t('layout.header.tooltipLock')"
                     icon="ion:lock-closed-outline"
                 />
-                <MenuItem
-                    key="logout"
-                    :text="t('layout.header.dropdownItemLoginOut')"
-                    icon="ion:power-outline"
-                />
+                <MenuItem key="logout" :text="t('layout.header.dropdownItemLoginOut')" icon="ion:power-outline" />
             </Menu>
         </template>
     </Dropdown>

src/layouts/default/header/index.vue

@@ -10,10 +10,7 @@
                 :style="getLogoWidth"
             />
             <LayoutTrigger
-                v-if="
-                    (getShowContent && getShowHeaderTrigger && !getSplit && !getIsMixSidebar) ||
-                    getIsMobile
-                "
+                v-if="(getShowContent && getShowHeaderTrigger && !getSplit && !getIsMixSidebar) || getIsMobile"
                 :theme="getHeaderTheme"
                 :sider="false"
             />
@@ -36,17 +33,11 @@
         <div :class="`${prefixCls}-action`">
             <AppSearch :class="`${prefixCls}-action__item `" v-if="getShowSearch" />
 
-            <ErrorAction
-                v-if="getUseErrorHandle"
-                :class="`${prefixCls}-action__item error-action`"
-            />
+            <ErrorAction v-if="getUseErrorHandle" :class="`${prefixCls}-action__item error-action`" />
 
             <Notify v-if="getShowNotice" :class="`${prefixCls}-action__item notify-item`" />
 
-            <FullScreen
-                v-if="getShowFullScreen"
-                :class="`${prefixCls}-action__item fullscreen-item`"
-            />
+            <FullScreen v-if="getShowFullScreen" :class="`${prefixCls}-action__item fullscreen-item`" />
 
             <AppLocalePicker
                 v-if="getShowLocalePicker"
@@ -102,28 +93,18 @@
             Notify,
             AppSearch,
             ErrorAction,
-            SettingDrawer: createAsyncComponent(
-                () => import('/@/layouts/default/setting/index.vue'),
-                {
+            SettingDrawer: createAsyncComponent(() => import('/@/layouts/default/setting/index.vue'), {
                 loading: true,
-                },
-            ),
+            }),
         },
         props: {
             fixed: propTypes.bool,
         },
         setup(props) {
             const { prefixCls } = useDesign('layout-header')
-            const {
-                getShowTopMenu,
-                getShowHeaderTrigger,
-                getSplit,
-                getIsMixMode,
-                getMenuWidth,
-                getIsMixSidebar,
-            } = useMenuSetting()
-            const { getUseErrorHandle, getShowSettingButton, getSettingButtonPosition } =
-                useRootSetting()
+            const { getShowTopMenu, getShowHeaderTrigger, getSplit, getIsMixMode, getMenuWidth, getIsMixSidebar } =
+                useMenuSetting()
+            const { getUseErrorHandle, getShowSettingButton, getSettingButtonPosition } = useRootSetting()
 
             const {
                 getHeaderTheme,

src/layouts/default/index.vue

@@ -33,9 +33,7 @@
     export default defineComponent({
         name: 'DefaultLayout',
         components: {
-            LayoutFeatures: createAsyncComponent(
-                () => import('/@/layouts/default/feature/index.vue'),
-            ),
+            LayoutFeatures: createAsyncComponent(() => import('/@/layouts/default/feature/index.vue')),
             LayoutFooter: createAsyncComponent(() => import('/@/layouts/default/footer/index.vue')),
             LayoutHeader,
             LayoutContent,

src/layouts/default/menu/index.vue

@@ -161,9 +161,7 @@
                     <>
                         {renderHeader()}
                         {unref(getUseScroll) ? (
-                            <ScrollContainer style={unref(getWrapperStyle)}>
-                                {() => renderMenu()}
-                            </ScrollContainer>
+                            <ScrollContainer style={unref(getWrapperStyle)}>{() => renderMenu()}</ScrollContainer>
                         ) : (
                             renderMenu()
                         )}

src/layouts/default/menu/useLayoutMenu.ts

@@ -19,13 +19,9 @@ export function useSplitMenu(splitType: Ref<MenuSplitTyeEnum>) {
 
     const throttleHandleSplitLeftMenu = useThrottleFn(handleSplitLeftMenu, 50)
 
-    const splitNotLeft = computed(
-        () => unref(splitType) !== MenuSplitTyeEnum.LEFT && !unref(getIsHorizontal),
-    )
+    const splitNotLeft = computed(() => unref(splitType) !== MenuSplitTyeEnum.LEFT && !unref(getIsHorizontal))
 
-    const getSplitLeft = computed(
-        () => !unref(getSplit) || unref(splitType) !== MenuSplitTyeEnum.LEFT,
-    )
+    const getSplitLeft = computed(() => !unref(getSplit) || unref(splitType) !== MenuSplitTyeEnum.LEFT)
 
     const getSpiltTop = computed(() => unref(splitType) === MenuSplitTyeEnum.TOP)
 

src/layouts/default/setting/SettingDrawer.tsx

 import { defineComponent, computed, unref } from 'vue'
 import { BasicDrawer } from '/@/components/Drawer/index'
 import { Divider } from 'ant-design-vue'
-import {
-    TypePicker,
-    ThemeColorPicker,
-    SettingFooter,
-    SwitchItem,
-    SelectItem,
-    InputNumberItem,
-} from './components'
+import { TypePicker, ThemeColorPicker, SettingFooter, SwitchItem, SelectItem, InputNumberItem } from './components'
 
 import { AppDarkModeToggle } from '/@/components/Application'
 
@@ -33,11 +26,7 @@ import {
     mixSidebarTriggerOptions,
 } from './enum'
 
-import {
-    HEADER_PRESET_BG_COLOR_LIST,
-    SIDE_BAR_BG_COLOR_LIST,
-    APP_PRESET_COLOR_LIST,
-} from '/@/settings/designSetting'
+import { HEADER_PRESET_BG_COLOR_LIST, SIDE_BAR_BG_COLOR_LIST, APP_PRESET_COLOR_LIST } from '/@/settings/designSetting'
 
 const { t } = useI18n()
 
@@ -58,8 +47,7 @@ export default defineComponent({
             getThemeColor,
         } = useRootSetting()
 
-        const { getOpenPageLoading, getBasicTransition, getEnableTransition, getOpenNProgress } =
-            useTransitionSetting()
+        const { getOpenPageLoading, getBasicTransition, getEnableTransition, getOpenNProgress } = useTransitionSetting()
 
         const {
             getIsHorizontal,
@@ -82,15 +70,9 @@ export default defineComponent({
             getMixSideFixed,
         } = useMenuSetting()
 
-        const {
-            getShowHeader,
-            getFixed: getHeaderFixed,
-            getHeaderBgColor,
-            getShowSearch,
-        } = useHeaderSetting()
+        const { getShowHeader, getFixed: getHeaderFixed, getHeaderBgColor, getShowSearch } = useHeaderSetting()
 
-        const { getShowMultipleTab, getShowQuick, getShowRedo, getShowFold } =
-            useMultipleTabSetting()
+        const { getShowMultipleTab, getShowQuick, getShowRedo, getShowFold } = useMultipleTabSetting()
 
         const getShowMenuRef = computed(() => {
             return unref(getShowMenu) && !unref(getIsHorizontal)
@@ -207,9 +189,7 @@ export default defineComponent({
                         title={t('layout.setting.collapseMenuDisplayName')}
                         event={HandlerEnum.MENU_COLLAPSED_SHOW_TITLE}
                         def={unref(getCollapsedShowTitle)}
-                        disabled={
-                            !unref(getShowMenuRef) || !unref(getCollapsed) || unref(getIsMixSidebar)
-                        }
+                        disabled={!unref(getShowMenuRef) || !unref(getCollapsed) || unref(getIsMixSidebar)}
                     />
 
                     <SwitchItem
@@ -400,15 +380,8 @@ export default defineComponent({
         }
 
         return () => (
-            <BasicDrawer
-                {...attrs}
-                title={t('layout.setting.drawerTitle')}
-                width={330}
-                class="setting-drawer"
-            >
-                {unref(getShowDarkModeToggle) && (
-                    <Divider>{() => t('layout.setting.darkMode')}</Divider>
-                )}
+            <BasicDrawer {...attrs} title={t('layout.setting.drawerTitle')} width={330} class="setting-drawer">
+                {unref(getShowDarkModeToggle) && <Divider>{() => t('layout.setting.darkMode')}</Divider>}
                 {unref(getShowDarkModeToggle) && <AppDarkModeToggle class="mx-auto" />}
                 <Divider>{() => t('layout.setting.navMode')}</Divider>
                 {renderSidebar()}

src/layouts/default/setting/components/InputNumberItem.vue

 <template>
     <div :class="prefixCls">
         <span> {{ title }}</span>
-        <InputNumber
-            v-bind="$attrs"
-            size="small"
-            :class="`${prefixCls}-input-number`"
-            @change="handleChange"
-        />
+        <InputNumber v-bind="$attrs" size="small" :class="`${prefixCls}-input-number`" @change="handleChange" />
     </div>
 </template>
 <script lang="ts">

src/layouts/default/setting/components/SelectItem.vue

@@ -46,9 +46,7 @@
         setup(props) {
             const { prefixCls } = useDesign('setting-select-item')
             const getBindValue = computed(() => {
-                return props.def
-                    ? { value: props.def, defaultValue: props.initValue || props.def }
-                    : {}
+                return props.def ? { value: props.def, defaultValue: props.initValue || props.def } : {}
             })
 
             function handleChange(e: ChangeEvent) {

src/layouts/default/setting/components/SettingFooter.vue

@@ -48,9 +48,7 @@
             const appStore = useAppStore()
 
             function handleCopy() {
-                const { isSuccessRef } = useCopyToClipboard(
-                    JSON.stringify(unref(appStore.getProjectConfig), null, 2),
-                )
+                const { isSuccessRef } = useCopyToClipboard(JSON.stringify(unref(appStore.getProjectConfig), null, 2))
                 unref(isSuccessRef) &&
                     createSuccessModal({
                         title: t('layout.setting.operatingTitle'),

src/layouts/default/setting/enum.ts

 import { ContentEnum, RouterTransitionEnum } from '/@/enums/appEnum'
-import {
-    MenuModeEnum,
-    MenuTypeEnum,
-    TopMenuAlignEnum,
-    TriggerEnum,
-    MixSidebarTriggerEnum,
-} from '/@/enums/menuEnum'
+import { MenuModeEnum, MenuTypeEnum, TopMenuAlignEnum, TriggerEnum, MixSidebarTriggerEnum } from '/@/enums/menuEnum'
 
 import { useI18n } from '/@/hooks/web/useI18n'
 

src/layouts/default/sider/LayoutSider.vue

 <template>
-    <div
-        v-if="getMenuFixed && !getIsMobile"
-        :style="getHiddenDomStyle"
-        v-show="showClassSideBarRef"
-    ></div>
+    <div v-if="getMenuFixed && !getIsMobile" :style="getHiddenDomStyle" v-show="showClassSideBarRef"></div>
     <Sider
         v-show="showClassSideBarRef"
         ref="sideRef"

src/layouts/default/sider/MixSider.vue

@@ -62,18 +62,9 @@
                 />
             </div>
             <ScrollContainer :class="`${prefixCls}-menu-list__content`">
-                <SimpleMenu
-                    :items="childrenMenus"
-                    :theme="getMenuTheme"
-                    mixSider
-                    @menu-click="handleMenuClick"
-                />
+                <SimpleMenu :items="childrenMenus" :theme="getMenuTheme" mixSider @menu-click="handleMenuClick" />
             </ScrollContainer>
-            <div
-                v-show="getShowDragBar && openMenu"
-                :class="`${prefixCls}-drag-bar`"
-                ref="dragBarRef"
-            ></div>
+            <div v-show="getShowDragBar && openMenu" :class="`${prefixCls}-drag-bar`" ref="dragBarRef"></div>
         </div>
     </div>
 </template>
@@ -260,9 +251,7 @@
                 activePath.value = await getCurrentParentPath(path)
                 // hanldeModuleClick(parentPath);
                 if (unref(getIsMixSidebar)) {
-                    const activeMenu = unref(menuModules).find(
-                        (item) => item.path === unref(activePath),
-                    )
+                    const activeMenu = unref(menuModules).find((item) => item.path === unref(activePath))
                     const p = activeMenu?.path
                     if (p) {
                         const children = await getChildrenMenus(p)

src/layouts/default/sider/useLayoutSider.ts

@@ -36,9 +36,7 @@ export function useTrigger(getIsMobile: Ref<boolean>) {
         const trigger = unref(getTrigger)
 
         return (
-            trigger !== TriggerEnum.NONE &&
-            !unref(getIsMobile) &&
-            (trigger === TriggerEnum.FOOTER || unref(getSplit))
+            trigger !== TriggerEnum.NONE && !unref(getIsMobile) && (trigger === TriggerEnum.FOOTER || unref(getSplit))
         )
     })
 
@@ -104,9 +102,7 @@ export function useDragLine(siderRef: Ref<any>, dragBarRef: Ref<any>, mix = fals
             if (!mix) {
                 const miniWidth = unref(getMiniWidthNumber)
                 if (!unref(getCollapsed)) {
-                    width > miniWidth + 20
-                        ? setMenuSetting({ menuWidth: width })
-                        : setMenuSetting({ collapsed: true })
+                    width > miniWidth + 20 ? setMenuSetting({ menuWidth: width }) : setMenuSetting({ collapsed: true })
                 } else {
                     width > miniWidth && setMenuSetting({ collapsed: false, menuWidth: width })
                 }

src/layouts/default/tabs/components/FoldButton.vue

@@ -22,9 +22,7 @@
 
             const getIsUnFold = computed(() => !unref(getShowMenu) && !unref(getShowHeader))
 
-            const getIcon = computed(() =>
-                unref(getIsUnFold) ? 'codicon:screen-normal' : 'codicon:screen-full',
-            )
+            const getIcon = computed(() => (unref(getIsUnFold) ? 'codicon:screen-normal' : 'codicon:screen-full'))
 
             function handleFold() {
                 const isUnFold = unref(getIsUnFold)

src/layouts/default/tabs/index.vue

@@ -102,12 +102,9 @@
                 }
 
                 if (isHide) {
-                    const findParentRoute = router
-                        .getRoutes()
-                        .find((item) => item.path === currentActiveMenu)
+                    const findParentRoute = router.getRoutes().find((item) => item.path === currentActiveMenu)
 
-                    findParentRoute &&
-                        tabStore.addTab(findParentRoute as unknown as RouteLocationNormalized)
+                    findParentRoute && tabStore.addTab(findParentRoute as unknown as RouteLocationNormalized)
                 } else {
                     tabStore.addTab(unref(route))
                 }

src/layouts/default/tabs/useMultipleTabs.ts

@@ -30,9 +30,7 @@ export function initAffixTabs(): string[] {
      * @description: Set fixed tabs
      */
     function addAffixTabs(): void {
-        const affixTabs = filterAffixTabs(
-            router.getRoutes() as unknown as RouteLocationNormalized[],
-        )
+        const affixTabs = filterAffixTabs(router.getRoutes() as unknown as RouteLocationNormalized[])
         affixList.value = affixTabs
         for (const tab of affixTabs) {
             tabStore.addTab({
@@ -58,9 +56,7 @@ export function useTabsDrag(affixTextList: string[]) {
     const { prefixCls } = useDesign('multiple-tabs')
     nextTick(() => {
         if (!multiTabsSetting.canDrag) return
-        const el = document.querySelectorAll(
-            `.${prefixCls} .ant-tabs-nav-wrap > div`,
-        )?.[0] as HTMLElement
+        const el = document.querySelectorAll(`.${prefixCls} .ant-tabs-nav-wrap > div`)?.[0] as HTMLElement
         const { initSortable } = useSortable(el, {
             filter: (e: ChangeEvent) => {
                 const text = e?.target?.innerText

src/layouts/default/tabs/useTabDropdown.ts

@@ -48,8 +48,7 @@ export function useTabDropdown(tabContentProps: TabContentProps, getIsTabs: Comp
 
         // Close right
         const closeRightDisabled =
-            !isCurItem ||
-            (index === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0)
+            !isCurItem || (index === tabStore.getTabList.length - 1 && tabStore.getLastDragEndIndex >= 0)
         const dropMenuList: DropMenu[] = [
             {
                 icon: 'ion:reload-sharp',

src/layouts/iframe/useFrameKeepAlive.ts

@@ -16,8 +16,7 @@ export function useFrameKeepAlive() {
     const { getShowMultipleTab } = useMultipleTabSetting()
     const tabStore = useMultipleTabStore()
     const getFramePages = computed(() => {
-        const ret =
-            getAllFramePages(toRaw(router.getRoutes()) as unknown as AppRouteRecordRaw[]) || []
+        const ret = getAllFramePages(toRaw(router.getRoutes()) as unknown as AppRouteRecordRaw[]) || []
         return ret
     })
 

src/locales/lang/en/sys.ts

@@ -4,12 +4,10 @@ export default {
         errorTip: 'Error Tip',
         errorMessage: 'The operation failed, the system is abnormal!',
         timeoutMessage: 'Login timed out, please log in again!',
-        apiTimeoutMessage:
-            'The interface request timed out, please refresh the page and try again!',
+        apiTimeoutMessage: 'The interface request timed out, please refresh the page and try again!',
         apiRequestFailed: 'The interface request failed, please try again later!',
         networkException: 'network anomaly',
-        networkExceptionMsg:
-            'Please check if your network connection is normal! The network is abnormal',
+        networkExceptionMsg: 'Please check if your network connection is normal! The network is abnormal',
 
         errMsg401: 'The user does not have permission (token, user name, password error)!',
         errMsg403: 'The user is authorized, but access is forbidden!',
@@ -19,8 +17,7 @@ export default {
         errMsg500: 'Server error, please contact the administrator!',
         errMsg501: 'The network is not implemented!',
         errMsg502: 'Network Error!',
-        errMsg503:
-            'The service is unavailable, the server is temporarily overloaded or maintained!',
+        errMsg503: 'The service is unavailable, the server is temporarily overloaded or maintained!',
         errMsg504: 'Network timeout!',
         errMsg505: 'The http version does not support the request!',
     },
@@ -45,8 +42,7 @@ export default {
         fireResourceError: 'Fire resource error',
         fireAjaxError: 'Fire ajax error',
 
-        enableMessage:
-            'Only effective when useErrorHandle=true in `/src/settings/projectSetting.ts`.',
+        enableMessage: 'Only effective when useErrorHandle=true in `/src/settings/projectSetting.ts`.',
     },
     exception: {
         backLogin: 'Back Login',
@@ -56,8 +52,7 @@ export default {
         subTitle500: 'Sorry, the server is reporting an error.',
         noDataTitle: 'No data on the current page.',
         networkErrorTitle: 'Network Error',
-        networkErrorSubTitle:
-            'Sorry，Your network connection has been disconnected, please check your network!',
+        networkErrorSubTitle: 'Sorry，Your network connection has been disconnected, please check your network!',
     },
     lock: {
         unlock: 'Click to unlock',

src/logics/mitt/routeChange.ts

@@ -18,10 +18,7 @@ export function setRouteChange(lastChangeRoute: RouteLocationNormalized) {
     lastChangeTab = r
 }
 
-export function listenerRouteChange(
-    callback: (route: RouteLocationNormalized) => void,
-    immediate = true,
-) {
+export function listenerRouteChange(callback: (route: RouteLocationNormalized) => void, immediate = true) {
     emitter.on(key, callback)
     immediate && lastChangeTab && callback(lastChangeTab)
 }

src/main.ts

@@ -15,6 +15,9 @@ import { setupGlobDirectives } from '/@/directives'
 import { setupI18n } from '/@/locales/setupI18n'
 import { registerGlobComp } from '/@/components/registerGlobComp'
 
+// 全局注入 API
+import '/@/api/services/mods'
+
 async function bootstrap() {
     const app = createApp(App)
 

src/router/helper/routeHelper.ts

@@ -40,10 +40,7 @@ function asyncImportRoute(routes: AppRouteRecordRaw[] | undefined) {
     })
 }
 
-function dynamicImport(
-    dynamicViewsModules: Record<string, () => Promise<Recordable>>,
-    component: string,
-) {
+function dynamicImport(dynamicViewsModules: Record<string, () => Promise<Recordable>>, component: string) {
     const keys = Object.keys(dynamicViewsModules)
     const matchKeys = keys.filter((key) => {
         const k = key.replace('../../views', '')
@@ -123,11 +120,7 @@ function promoteRouteLevel(routeModule: AppRouteModule) {
 }
 
 // Add all sub-routes to the secondary route
-function addToChildren(
-    routes: RouteRecordNormalized[],
-    children: AppRouteRecordRaw[],
-    routeModule: AppRouteModule,
-) {
+function addToChildren(routes: RouteRecordNormalized[], children: AppRouteRecordRaw[], routeModule: AppRouteModule) {
     for (let index = 0; index < children.length; index++) {
         const child = children[index]
         const route = routes.find((item) => item.name === child.name)

src/router/menus/index.ts

@@ -54,9 +54,7 @@ const staticMenus: Menu[] = []
 async function getAsyncMenus() {
     const permissionStore = usePermissionStore()
     if (isBackMode()) {
-        return permissionStore.getBackMenuList.filter(
-            (item) => !item.meta?.hideMenu && !item.hideMenu,
-        )
+        return permissionStore.getBackMenuList.filter((item) => !item.meta?.hideMenu && !item.hideMenu)
     }
     if (isRouteMappingMode()) {
         return permissionStore.getFrontMenuList.filter((item) => !item.hideMenu)

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'

src/store/modules/errorLog.ts

@@ -56,10 +56,8 @@ export const useErrorLogStore = defineStore({
                 type: ErrorTypeEnum.AJAX,
             }
             if (error.response) {
-                const {
-                    config: { url = '', data: params = '', method = 'get', headers = {} } = {},
-                    data = {},
-                } = error.response
+                const { config: { url = '', data: params = '', method = 'get', headers = {} } = {}, data = {} } =
+                    error.response
                 errInfo.url = url
                 errInfo.name = 'Ajax Error!'
                 errInfo.file = '-'

src/store/modules/multipleTab.ts

@@ -157,14 +157,9 @@ export const useMultipleTabStore = defineStore({
                     // const realName: string = path.match(/(\S*)\//)![1];
                     const realPath = meta?.realPath ?? ''
                     // 获取到已经打开的动态路由数, 判断是否大于某一个值
-                    if (
-                        this.tabList.filter((e) => e.meta?.realPath ?? '' === realPath).length >=
-                        dynamicLevel
-                    ) {
+                    if (this.tabList.filter((e) => e.meta?.realPath ?? '' === realPath).length >= dynamicLevel) {
                         // 关闭第一个
-                        const index = this.tabList.findIndex(
-                            (item) => item.meta.realPath === realPath,
-                        )
+                        const index = this.tabList.findIndex((item) => item.meta.realPath === realPath)
                         index !== -1 && this.tabList.splice(index, 1)
                     }
                 }

src/utils/cache/storageCache.ts

@@ -62,9 +62,7 @@ export const createStorage = ({
                 time: Date.now(),
                 expire: !isNullOrUnDef(expire) ? new Date().getTime() + expire * 1000 : null,
             })
-            const stringifyValue = this.hasEncrypt
-                ? this.encryption.encryptByAES(stringData)
-                : stringData
+            const stringifyValue = this.hasEncrypt ? this.encryption.encryptByAES(stringData) : stringData
             this.storage.setItem(this.getKey(key), stringifyValue)
         }
 

src/utils/color.ts

@@ -82,10 +82,10 @@ export function darken(color: string, amount: number) {
 export function lighten(color: string, amount: number) {
     color = color.indexOf('#') >= 0 ? color.substring(1, color.length) : color
     amount = Math.trunc((255 * amount) / 100)
-    return `#${addLight(color.substring(0, 2), amount)}${addLight(
-        color.substring(2, 4),
+    return `#${addLight(color.substring(0, 2), amount)}${addLight(color.substring(2, 4), amount)}${addLight(
+        color.substring(4, 6),
         amount,
-    )}${addLight(color.substring(4, 6), amount)}`
+    )}`
 }
 
 /* Suma el porcentaje indicado a un color (RR, GG o BB) hexadecimal para aclararlo */
@@ -121,10 +121,7 @@ function luminanace(r: number, g: number, b: number) {
  * @param {string} rgb2 rgb color 2
  */
 function contrast(rgb1: string[], rgb2: number[]) {
-    return (
-        (luminanace(~~rgb1[0], ~~rgb1[1], ~~rgb1[2]) + 0.05) /
-        (luminanace(rgb2[0], rgb2[1], rgb2[2]) + 0.05)
-    )
+    return (luminanace(~~rgb1[0], ~~rgb1[1], ~~rgb1[2]) + 0.05) / (luminanace(rgb2[0], rgb2[1], rgb2[2]) + 0.05)
 }
 
 /**

src/utils/dateUtil.ts

@@ -6,17 +6,11 @@ import dayjs from 'dayjs'
 const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss'
 const DATE_FORMAT = 'YYYY-MM-DD'
 
-export function formatToDateTime(
-    date: dayjs.Dayjs | undefined = undefined,
-    format = DATE_TIME_FORMAT,
-): string {
+export function formatToDateTime(date: dayjs.Dayjs | undefined = undefined, format = DATE_TIME_FORMAT): string {
     return dayjs(date).format(format)
 }
 
-export function formatToDate(
-    date: dayjs.Dayjs | undefined = undefined,
-    format = DATE_FORMAT,
-): string {
+export function formatToDate(date: dayjs.Dayjs | undefined = undefined, format = DATE_FORMAT): string {
     return dayjs(date).format(format)
 }
 

src/utils/domUtils.ts

@@ -144,11 +144,7 @@ export function on(
 }
 
 /* istanbul ignore next */
-export function off(
-    element: Element | HTMLElement | Document | Window,
-    event: string,
-    handler: Fn,
-): void {
+export function off(element: Element | HTMLElement | Document | Window, event: string, handler: Fn): void {
     if (element && event && handler) {
         element.removeEventListener(event, handler, false)
     }

src/utils/helper/treeHelper.ts

@@ -40,11 +40,7 @@ export function treeToList<T = any>(tree: any, config: Partial<TreeHelperConfig>
     return result
 }
 
-export function findNode<T = any>(
-    tree: any,
-    func: Fn,
-    config: Partial<TreeHelperConfig> = {},
-): T | null {
+export function findNode<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T | null {
     config = getConfig(config)
     const { children } = config
     const list = [...tree]
@@ -55,11 +51,7 @@ export function findNode<T = any>(
     return null
 }
 
-export function findNodeAll<T = any>(
-    tree: any,
-    func: Fn,
-    config: Partial<TreeHelperConfig> = {},
-): T[] {
+export function findNodeAll<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T[] {
     config = getConfig(config)
     const { children } = config
     const list = [...tree]
@@ -71,11 +63,7 @@ export function findNodeAll<T = any>(
     return result
 }
 
-export function findPath<T = any>(
-    tree: any,
-    func: Fn,
-    config: Partial<TreeHelperConfig> = {},
-): T | T[] | null {
+export function findPath<T = any>(tree: any, func: Fn, config: Partial<TreeHelperConfig> = {}): T | T[] | null {
     config = getConfig(config)
     const path: T[] = []
     const list = [...tree]
@@ -120,11 +108,7 @@ export function findPathAll(tree: any, func: Fn, config: Partial<TreeHelperConfi
     return result
 }
 
-export function filter<T = any>(
-    tree: T[],
-    func: (n: T) => boolean,
-    config: Partial<TreeHelperConfig> = {},
-): T[] {
+export function filter<T = any>(tree: T[], func: (n: T) => boolean, config: Partial<TreeHelperConfig> = {}): T[] {
     config = getConfig(config)
     const children = config.children as string
     function listFilter(list: T[]) {
@@ -138,11 +122,7 @@ export function filter<T = any>(
     return listFilter(tree)
 }
 
-export function forEach<T = any>(
-    tree: T[],
-    func: (n: T) => any,
-    config: Partial<TreeHelperConfig> = {},
-): void {
+export function forEach<T = any>(tree: T[], func: (n: T) => any, config: Partial<TreeHelperConfig> = {}): void {
     config = getConfig(config)
     const list: any[] = [...tree]
     const { children } = config
@@ -165,10 +145,7 @@ export function treeMap<T = any>(treeData: T[], opt: { children?: string; conver
 /**
  * @description: Extract tree specified structure
  */
-export function treeMapEach(
-    data: any,
-    { children = 'children', conversion }: { children?: string; conversion: Fn },
-) {
+export function treeMapEach(data: any, { children = 'children', conversion }: { children?: string; conversion: Fn }) {
     const haveChildren = Array.isArray(data[children]) && data[children].length > 0
     const conversionData = conversion(data) || {}
     if (haveChildren) {

src/utils/http/axios/Axios.ts

@@ -68,12 +68,8 @@ export class VAxios {
         if (!transform) {
             return
         }
-        const {
-            requestInterceptors,
-            requestInterceptorsCatch,
-            responseInterceptors,
-            responseInterceptorsCatch,
-        } = transform
+        const { requestInterceptors, requestInterceptorsCatch, responseInterceptors, responseInterceptorsCatch } =
+            transform
 
         const axiosCanceler = new AxiosCanceler()
 
@@ -83,9 +79,7 @@ export class VAxios {
             // @ts-ignore
             const { ignoreCancelToken } = config.requestOptions
             const ignoreCancel =
-                ignoreCancelToken !== undefined
-                    ? ignoreCancelToken
-                    : this.options.requestOptions?.ignoreCancelToken
+                ignoreCancelToken !== undefined ? ignoreCancelToken : this.options.requestOptions?.ignoreCancelToken
 
             !ignoreCancel && axiosCanceler.addPending(config)
             if (requestInterceptors && isFunction(requestInterceptors)) {

src/utils/http/axios/axiosTransform.ts

@@ -30,10 +30,7 @@ export abstract class AxiosTransform {
     /**
      * @description: 请求之前的拦截器
      */
-    requestInterceptors?: (
-        config: AxiosRequestConfig,
-        options: CreateAxiosOptions,
-    ) => AxiosRequestConfig
+    requestInterceptors?: (config: AxiosRequestConfig, options: CreateAxiosOptions) => AxiosRequestConfig
 
     /**
      * @description: 请求之后的拦截器

src/utils/http/axios/checkStatus.ts

@@ -11,11 +11,7 @@ const { createMessage, createErrorModal } = useMessage()
 const error = createMessage.error!
 const stp = projectSetting.sessionTimeoutProcessing
 
-export function checkStatus(
-    status: number,
-    msg: string,
-    errorMessageMode: ErrorMessageMode = 'message',
-): void {
+export function checkStatus(status: number, msg: string, errorMessageMode: ErrorMessageMode = 'message'): void {
     const { t } = useI18n()
     const userStore = useUserStoreWithOut()
     let errMessage = ''

src/utils/http/axios/helper.ts

@@ -2,10 +2,7 @@ import { isObject, isString } from '/@/utils/is'
 
 const DATE_TIME_FORMAT = 'YYYY-MM-DD HH:mm:ss'
 
-export function joinTimestamp<T extends boolean>(
-    join: boolean,
-    restful: T,
-): T extends true ? string : object
+export function joinTimestamp<T extends boolean>(join: boolean, restful: T): T extends true ? string : object
 
 export function joinTimestamp(join: boolean, restful = false): string | object {
     if (!join) {

src/utils/http/axios/index.ts

@@ -87,14 +87,7 @@ const transform: AxiosTransform = {
 
     // 请求之前处理config
     beforeRequestHook: (config, options) => {
-        const {
-            apiUrl,
-            joinPrefix,
-            joinParamsToUrl,
-            formatDate,
-            joinTime = true,
-            urlPrefix,
-        } = options
+        const { apiUrl, joinPrefix, joinParamsToUrl, formatDate, joinTime = true, urlPrefix } = options
 
         if (joinPrefix) {
             config.url = `${urlPrefix}${config.url}`
@@ -118,11 +111,7 @@ const transform: AxiosTransform = {
         } else {
             if (!isString(params)) {
                 formatDate && formatRequestDate(params)
-                if (
-                    Reflect.has(config, 'data') &&
-                    config.data &&
-                    Object.keys(config.data).length > 0
-                ) {
+                if (Reflect.has(config, 'data') && config.data && Object.keys(config.data).length > 0) {
                     config.data = data
                     config.params = params
                 } else {
@@ -131,10 +120,7 @@ const transform: AxiosTransform = {
                     config.params = undefined
                 }
                 if (joinParamsToUrl) {
-                    config.url = setObjToUrlParams(
-                        config.url as string,
-                        Object.assign({}, config.params, config.data),
-                    )
+                    config.url = setObjToUrlParams(config.url as string, Object.assign({}, config.params, config.data))
                 }
             } else {
                 // 兼容restful风格

src/utils/lib/echarts.ts

 import * as echarts from 'echarts/core'
 
-import {
-    BarChart,
-    LineChart,
-    PieChart,
-    MapChart,
-    PictorialBarChart,
-    RadarChart,
-} from 'echarts/charts'
+import { BarChart, LineChart, PieChart, MapChart, PictorialBarChart, RadarChart } from 'echarts/charts'
 
 import {
     TitleComponent,

src/utils/props.ts

@@ -25,11 +25,7 @@ export type BuildPropOption<T, D extends BuildPropType<T, V, C>, R, V, C> = {
     type?: T
     values?: readonly V[]
     required?: R
-    default?: R extends true
-        ? never
-        : D extends Record<string, unknown> | Array<any>
-        ? () => D
-        : (() => D) | D
+    default?: R extends true ? never : D extends Record<string, unknown> | Array<any> ? () => D : (() => D) | D
     validator?: ((val: any) => val is C) | ((val: any) => boolean)
 }
 
@@ -41,11 +37,7 @@ type _BuildPropType<T, V, C> =
           : never)
     | V
     | C
-export type BuildPropType<T, V, C> = _BuildPropType<
-    IfUnknown<T, never>,
-    IfUnknown<V, never>,
-    IfUnknown<C, never>
->
+export type BuildPropType<T, V, C> = _BuildPropType<IfUnknown<T, never>, IfUnknown<V, never>, IfUnknown<C, never>>
 
 type _BuildPropDefault<T, D> = [T] extends [
     // eslint-disable-next-line @typescript-eslint/ban-types
@@ -121,9 +113,7 @@ export function buildProp<
                       warn(
                           `Invalid prop: validation failed${
                               key ? ` for prop "${key}"` : ''
-                          }. Expected one of [${allowValuesText}], got value ${JSON.stringify(
-                              val,
-                          )}.`,
+                          }. Expected one of [${allowValuesText}], got value ${JSON.stringify(val)}.`,
                       )
                   }
                   return valid
@@ -159,9 +149,7 @@ export const buildProps = <
 >(
     props: O,
 ) =>
-    fromPairs(
-        Object.entries(props).map(([key, option]) => [key, buildProp(option as any, key)]),
-    ) as unknown as {
+    fromPairs(Object.entries(props).map(([key, option]) => [key, buildProp(option as any, key)])) as unknown as {
         [K in keyof O]: O[K] extends { [propKey]: boolean }
             ? O[K]
             : [O[K]] extends NativePropType
@@ -181,7 +169,6 @@ export const buildProps = <
 export const definePropType = <T>(val: any) => ({ [wrapperKey]: val } as PropWrapper<T>)
 
 export const keyOf = <T>(arr: T) => Object.keys(arr) as Array<keyof T>
-export const mutable = <T extends readonly any[] | Record<string, unknown>>(val: T) =>
-    val as Mutable<typeof val>
+export const mutable = <T extends readonly any[] | Record<string, unknown>>(val: T) => val as Mutable<typeof val>
 
 export const componentSize = ['large', 'medium', 'small', 'mini'] as const

src/views/dashboard/workbench/components/DynamicInfo.vue

@@ -11,9 +11,7 @@
                             {{ item.date }}
                         </template>
                         <!-- eslint-disable-next-line -->
-                        <template #title>
-                            {{ item.name }} <span v-html="item.desc"> </span>
-                        </template>
+                        <template #title> {{ item.name }} <span v-html="item.desc"> </span> </template>
                         <template #avatar>
                             <Icon :icon="item.avatar" :size="30" />
                         </template>

src/views/demo/setup/index.vue

@@ -25,16 +25,12 @@
                             },
                             {
                                 title: 'Collapse Button',
-                                element: document.querySelector(
-                                    `.${prefixVar}-layout-header-trigger`,
-                                )!,
+                                element: document.querySelector(`.${prefixVar}-layout-header-trigger`)!,
                                 intro: 'This is the menu collapse button.',
                             },
                             {
                                 title: 'User Action',
-                                element: document.querySelector(
-                                    `.${prefixVar}-layout-header-action`,
-                                )!,
+                                element: document.querySelector(`.${prefixVar}-layout-header-action`)!,
                                 intro: 'This is the user function area.',
                             },
                         ],

src/views/sys/about/index.vue

@@ -4,8 +4,8 @@
             <div class="flex justify-between items-center">
                 <span class="flex-1">
                     <a :href="GITLAB_URL" target="_blank">{{ name }}</a>
-                    是一个基于Vue3.0、Vite、 Ant-Design-Vue 、TypeScript 的后台解决方案,
-                    目标是为项目开发, 提供现成的开箱解决方案。
+                    是一个基于Vue3.0、Vite、 Ant-Design-Vue 、TypeScript 的后台解决方案, 目标是为项目开发,
+                    提供现成的开箱解决方案。
                 </span>
             </div>
         </template>

src/views/sys/iframe/index.vue

 <template>
     <div :class="prefixCls" :style="getWrapStyle">
         <Spin :spinning="loading" size="large" :style="getWrapStyle">
-            <iframe
-                :src="frameSrc"
-                :class="`${prefixCls}__main`"
-                ref="frameRef"
-                @load="hideLoading"
-            ></iframe>
+            <iframe :src="frameSrc" :class="`${prefixCls}__main`" ref="frameRef" @load="hideLoading"></iframe>
         </Spin>
     </div>
 </template>

src/views/sys/lock/LockPage.vue

 <template>
-    <div
-        :class="prefixCls"
-        class="fixed inset-0 flex h-screen w-screen bg-black items-center justify-center"
-    >
+    <div :class="prefixCls" class="fixed inset-0 flex h-screen w-screen bg-black items-center justify-center">
         <div
             :class="`${prefixCls}__unlock`"
             class="absolute top-0 left-1/2 flex pt-5 h-16 items-center justify-center sm:text-md xl:text-xl text-white flex-col cursor-pointer transform translate-x-1/2"
@@ -28,19 +25,12 @@
             <div :class="`${prefixCls}-entry`" v-show="!showDate">
                 <div :class="`${prefixCls}-entry-content`">
                     <div :class="`${prefixCls}-entry__header enter-x`">
-                        <img
-                            :src="userinfo.avatar || headerImg"
-                            :class="`${prefixCls}-entry__header-img`"
-                        />
+                        <img :src="userinfo.avatar || headerImg" :class="`${prefixCls}-entry__header-img`" />
                         <p :class="`${prefixCls}-entry__header-name`">
                             {{ userinfo.realName }}
                         </p>
                     </div>
-                    <InputPassword
-                        :placeholder="t('sys.lock.placeholder')"
-                        class="enter-x"
-                        v-model:value="password"
-                    />
+                    <InputPassword :placeholder="t('sys.lock.placeholder')" class="enter-x" v-model:value="password" />
                     <span :class="`${prefixCls}-entry__err-msg enter-x`" v-if="errMsg">
                         {{ t('sys.lock.alert') }}
                     </span>
@@ -63,13 +53,7 @@
                         >
                             {{ t('sys.lock.backToLogin') }}
                         </a-button>
-                        <a-button
-                            class="mt-2"
-                            type="link"
-                            size="small"
-                            @click="unLock()"
-                            :loading="loading"
-                        >
+                        <a-button class="mt-2" type="link" size="small" @click="unLock()" :loading="loading">
                             {{ t('sys.lock.entry') }}
                         </a-button>
                     </div>
@@ -77,9 +61,7 @@
             </div>
         </transition>
 
-        <div
-            class="absolute bottom-5 w-full text-gray-300 xl:text-xl 2xl:text-3xl text-center enter-y"
-        >
+        <div class="absolute bottom-5 w-full text-gray-300 xl:text-xl 2xl:text-3xl text-center enter-y">
             <div class="text-5xl mb-4 enter-x" v-show="!showDate">
                 {{ hour }}:{{ minute }} <span class="text-3xl">{{ meridiem }}</span>
             </div>

src/views/sys/login/ForgetPasswordForm.vue

@@ -3,26 +3,14 @@
         <LoginFormTitle class="enter-x" />
         <Form class="p-4 enter-x" :model="formData" :rules="getFormRules" ref="formRef">
             <FormItem name="account" class="enter-x">
-                <Input
-                    size="large"
-                    v-model:value="formData.account"
-                    :placeholder="t('sys.login.userName')"
-                />
+                <Input size="large" v-model:value="formData.account" :placeholder="t('sys.login.userName')" />
             </FormItem>
 
             <FormItem name="mobile" class="enter-x">
-                <Input
-                    size="large"
-                    v-model:value="formData.mobile"
-                    :placeholder="t('sys.login.mobile')"
-                />
+                <Input size="large" v-model:value="formData.mobile" :placeholder="t('sys.login.mobile')" />
             </FormItem>
             <FormItem name="sms" class="enter-x">
-                <CountdownInput
-                    size="large"
-                    v-model:value="formData.sms"
-                    :placeholder="t('sys.login.smsCode')"
-                />
+                <CountdownInput size="large" v-model:value="formData.sms" :placeholder="t('sys.login.smsCode')" />
             </FormItem>
 
             <FormItem class="enter-x">

src/views/sys/login/Login.vue

@@ -16,19 +16,11 @@
                 <div class="hidden min-h-full pl-4 mr-4 xl:flex xl:flex-col xl:w-6/12">
                     <AppLogo class="-enter-x" />
                     <div class="my-auto">
-                        <img
-                            :alt="title"
-                            src="../../../assets/svg/login-box-bg.svg"
-                            class="w-1/2 -mt-16 -enter-x"
-                        />
+                        <img :alt="title" src="../../../assets/svg/login-box-bg.svg" class="w-1/2 -mt-16 -enter-x" />
                         <div class="mt-10 font-medium text-white -enter-x">
-                            <span class="inline-block mt-4 text-3xl">
-                                {{ t('sys.login.signInTitle') }}</span
-                            >
+                            <span class="inline-block mt-4 text-3xl"> {{ t('sys.login.signInTitle') }}</span>
                         </div>
-                        <div
-                            class="mt-5 font-normal text-white text-md dark:text-gray-500 -enter-x"
-                        >
+                        <div class="mt-5 font-normal text-white text-md dark:text-gray-500 -enter-x">
                             {{ t('sys.login.signInDesc') }}
                         </div>
                     </div>

src/views/sys/login/LoginForm.vue

@@ -37,11 +37,7 @@
             <ACol :span="12">
                 <FormItem :style="{ 'text-align': 'right' }">
                     <!-- No logic, you need to deal with it yourself -->
-                    <Button
-                        type="link"
-                        size="small"
-                        @click="setLoginState(LoginStateEnum.RESET_PASSWORD)"
-                    >
+                    <Button type="link" size="small" @click="setLoginState(LoginStateEnum.RESET_PASSWORD)">
                         {{ t('sys.login.forgetPassword') }}
                     </Button>
                 </FormItem>

src/views/sys/login/QrCodeForm.vue

@@ -2,11 +2,7 @@
     <template v-if="getShow">
         <LoginFormTitle class="enter-x" />
         <div class="enter-x min-w-64 min-h-64">
-            <QrCode
-                :value="qrCodeUrl"
-                class="enter-x flex justify-center xl:justify-start"
-                :width="280"
-            />
+            <QrCode :value="qrCodeUrl" class="enter-x flex justify-center xl:justify-start" :width="280" />
             <Divider class="enter-x">{{ t('sys.login.scanSign') }}</Divider>
             <Button size="large" block class="mt-4 enter-x" @click="handleBackLogin">
                 {{ t('sys.login.backSignIn') }}

src/views/sys/login/RegisterForm.vue

@@ -27,11 +27,7 @@
                 />
             </FormItem>
             <FormItem name="password" class="enter-x">
-                <StrengthMeter
-                    size="large"
-                    v-model:value="formData.password"
-                    :placeholder="t('sys.login.password')"
-                />
+                <StrengthMeter size="large" v-model:value="formData.password" :placeholder="t('sys.login.password')" />
             </FormItem>
             <FormItem name="confirmPassword" class="enter-x">
                 <InputPassword
@@ -49,14 +45,7 @@
                 </Checkbox>
             </FormItem>
 
-            <Button
-                type="primary"
-                class="enter-x"
-                size="large"
-                block
-                @click="handleRegister"
-                :loading="loading"
-            >
+            <Button type="primary" class="enter-x" size="large" block @click="handleRegister" :loading="loading">
                 {{ t('sys.login.registerButton') }}
             </Button>
             <Button size="large" block class="mt-4 enter-x" @click="handleBackLogin">

tsconfig.json

@@ -20,6 +20,8 @@
         "lib": ["dom", "esnext"],
         "noImplicitAny": false,
         "skipLibCheck": true,
+        "strictNullChecks": false,
+        "strictPropertyInitialization": false,
         "types": ["vite/client"],
         "removeComments": true,
         "paths": {

types/global.d.ts

@@ -7,6 +7,8 @@ import type {
     PropType as VuePropType,
 } from 'vue'
 
+import type { AxiosRequestConfig } from 'axios'
+
 declare global {
     const __APP_INFO__: {
         pkg: {
@@ -92,10 +94,40 @@ declare global {
             [elem: string]: any
         }
     }
+
+    // 扩展类型，用于在 pont 生成的 api.d.ts 内部使用
+    namespace axios {
+        declare interface RequestOptions {
+            // Splicing request parameters to url
+            joinParamsToUrl?: boolean
+            // Format request parameter time
+            formatDate?: boolean
+            // Whether to process the request result
+            isTransformResponse?: boolean
+            // Whether to return native response headers
+            // For example: use this attribute when you need to get the response headers
+            isReturnNativeResponse?: boolean
+            // Whether to join url
+            joinPrefix?: boolean
+            // Interface address, use the default apiUrl if you leave it blank
+            apiUrl?: string
+            // 请求拼接路径
+            urlPrefix?: string
+            // Error message prompt type
+            errorMessageMode?: ErrorMessageMode
+            // Whether to add a timestamp
+            joinTime?: boolean
+            ignoreCancelToken?: boolean
+            // Whether to send token in header
+            withToken?: boolean
+            // 请求重试机制
+            retryRequest?: RetryRequest
+        }
+
+        type RequestConfig<T = any> = AxiosRequestConfig<T>
+    }
 }
 
 declare module 'vue' {
-    export type JSXComponent<Props = any> =
-        | { new (): ComponentPublicInstance<Props> }
-        | FunctionalComponent<Props>
+    export type JSXComponent<Props = any> = { new (): ComponentPublicInstance<Props> } | FunctionalComponent<Props>
 }