fix: 修改图片引入打包报错的问题

2025-02-24 00:02:51 +08:00 · 2022-02-28 20:26:04 +08:00 · 2022-02-28 20:26:04 +08:00 · 63ed00bd28
commit 63ed00bd28
parent 5675ea0720
17 changed files with 249 additions and 276 deletions
--- a/README.md
+++ b/README.md
@ -1 +1 @@
-# Vue 3 + Typescript + Vite2 + Pinia2
+# Vue3 + Typescript + Vite2 + NaiveUI + ECharts  + Axios  + Pinia2 + Plop
--- a/package.json
+++ b/package.json
@ -43,6 +43,7 @@
    "sass-loader": "^12.2.0",
    "typescript": "^4.4.4",
    "vite": "^2.6.10",
+    "vite-plugin-compression": "^0.5.1",
    "vite-plugin-importer": "^0.2.5",
    "vite-plugin-mock": "^2.9.6",
    "vite-plugin-style-import": "^1.2.1",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -31,6 +31,7 @@ specifiers:
  screenfull: ^6.0.0
  typescript: ^4.4.4
  vite: ^2.6.10
+  vite-plugin-compression: ^0.5.1
  vite-plugin-importer: ^0.2.5
  vite-plugin-mock: ^2.9.6
  vite-plugin-style-import: ^1.2.1
@ -76,6 +77,7 @@ devDependencies:
  sass-loader: rg.cnpmjs.org/sass-loader/12.4.0_sass@1.44.0
  typescript: rg.cnpmjs.org/typescript/4.5.2
  vite: rg.cnpmjs.org/vite/2.7.1_sass@1.44.0
+  vite-plugin-compression: registry.npmjs.org/vite-plugin-compression/0.5.1_vite@2.7.1
  vite-plugin-importer: rg.cnpmjs.org/vite-plugin-importer/0.2.5
  vite-plugin-mock: rg.cnpmjs.org/vite-plugin-mock/2.9.6_mockjs@1.1.0+vite@2.7.1
  vite-plugin-style-import: rg.cnpmjs.org/vite-plugin-style-import/1.4.0_vite@2.7.1
@ -100,7 +102,7 @@ packages:
    resolution: {integrity: sha512-zjaB0sh0Lb13VyPsd92V7HkqF6yKRH9vm33rwBt7rPYrpQvS1nCvlIy2pICbKta+ZjWngYLNn4cCK4nyZkjS/w==}
    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
    dependencies:
-      chalk: r2.cnpmjs.org/chalk/4.1.2
+      chalk: registry.npmjs.org/chalk/4.1.2
      diff-sequences: r2.cnpmjs.org/diff-sequences/27.4.0
      jest-get-type: r2.cnpmjs.org/jest-get-type/27.4.0
      pretty-format: registry.npmjs.org/pretty-format/27.4.6
@ -111,7 +113,7 @@ packages:
    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
    dependencies:
      ansi-regex: r2.cnpmjs.org/ansi-regex/5.0.1
-      ansi-styles: r2.cnpmjs.org/ansi-styles/5.2.0
+      ansi-styles: registry.npmjs.org/ansi-styles/5.2.0
      react-is: r2.cnpmjs.org/react-is/17.0.2
    dev: false

@ -269,30 +271,6 @@ packages:
    engines: {node: '>=12'}
    dev: true

-  r2.cnpmjs.org/ansi-styles/3.2.1:
-    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz}
-    name: ansi-styles
-    version: 3.2.1
-    engines: {node: '>=4'}
-    dependencies:
-      color-convert: r2.cnpmjs.org/color-convert/1.9.3
-    dev: true
-
-  r2.cnpmjs.org/ansi-styles/4.3.0:
-    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz}
-    name: ansi-styles
-    version: 4.3.0
-    engines: {node: '>=8'}
-    dependencies:
-      color-convert: r2.cnpmjs.org/color-convert/2.0.1
-
-  r2.cnpmjs.org/ansi-styles/5.2.0:
-    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz}
-    name: ansi-styles
-    version: 5.2.0
-    engines: {node: '>=10'}
-    dev: false
-
  r2.cnpmjs.org/array-each/1.0.1:
    resolution: {integrity: sha512-zHjL5SZa68hkKHBFBK6DJCTtr9sfTCPCaph/L7tMSLcTFgy+zX7E+6q5UArbtOtMBCtxdICpfTCspRse+ywyXA==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/array-each/-/array-each-1.0.1.tgz}
    name: array-each
@ -408,26 +386,6 @@ packages:
      upper-case-first: r2.cnpmjs.org/upper-case-first/2.0.2
    dev: true

-  r2.cnpmjs.org/chalk/2.4.2:
-    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/chalk/-/chalk-2.4.2.tgz}
-    name: chalk
-    version: 2.4.2
-    engines: {node: '>=4'}
-    dependencies:
-      ansi-styles: r2.cnpmjs.org/ansi-styles/3.2.1
-      escape-string-regexp: rg.cnpmjs.org/escape-string-regexp/1.0.5
-      supports-color: r2.cnpmjs.org/supports-color/5.5.0
-    dev: true
-
-  r2.cnpmjs.org/chalk/4.1.2:
-    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/chalk/-/chalk-4.1.2.tgz}
-    name: chalk
-    version: 4.1.2
-    engines: {node: '>=10'}
-    dependencies:
-      ansi-styles: r2.cnpmjs.org/ansi-styles/4.3.0
-      supports-color: r2.cnpmjs.org/supports-color/7.2.0
-
  r2.cnpmjs.org/chalk/5.0.0:
    resolution: {integrity: sha512-/duVOqst+luxCQRKEo4bNxinsOQtMP80ZYm7mMqzuh5PociNL0PvmHFvREJ9ueYL2TxlHjBcmLCdmocx9Vg+IQ==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/chalk/-/chalk-5.0.0.tgz}
    name: chalk
@ -506,33 +464,6 @@ packages:
    engines: {node: '>=0.8'}
    dev: true

-  r2.cnpmjs.org/color-convert/1.9.3:
-    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/color-convert/-/color-convert-1.9.3.tgz}
-    name: color-convert
-    version: 1.9.3
-    dependencies:
-      color-name: r2.cnpmjs.org/color-name/1.1.3
-    dev: true
-
-  r2.cnpmjs.org/color-convert/2.0.1:
-    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/color-convert/-/color-convert-2.0.1.tgz}
-    name: color-convert
-    version: 2.0.1
-    engines: {node: '>=7.0.0'}
-    dependencies:
-      color-name: r2.cnpmjs.org/color-name/1.1.4
-
-  r2.cnpmjs.org/color-name/1.1.3:
-    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/color-name/-/color-name-1.1.3.tgz}
-    name: color-name
-    version: 1.1.3
-    dev: true
-
-  r2.cnpmjs.org/color-name/1.1.4:
-    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/color-name/-/color-name-1.1.4.tgz}
-    name: color-name
-    version: 1.1.4
-
  r2.cnpmjs.org/constant-case/3.0.4:
    resolution: {integrity: sha512-I2hSBi7Vvs7BEuJDr5dDHfzb/Ruj3FyvFyh7KLilAjNQw3Be+xgqUBA2W6scVEcL0hL1dwPRtIqEPVUCKkSsyQ==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/constant-case/-/constant-case-3.0.4.tgz}
    name: constant-case
@ -585,7 +516,7 @@ packages:
    engines: {node: '>=10'}
    dependencies:
      globby: r2.cnpmjs.org/globby/11.0.4
-      graceful-fs: r2.cnpmjs.org/graceful-fs/4.2.8
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.8
      is-glob: r2.cnpmjs.org/is-glob/4.0.3
      is-path-cwd: r2.cnpmjs.org/is-path-cwd/2.2.0
      is-path-inside: r2.cnpmjs.org/is-path-inside/3.0.3
@ -830,13 +761,6 @@ packages:
      slash: r2.cnpmjs.org/slash/3.0.0
    dev: true

-  r2.cnpmjs.org/graceful-fs/4.2.8:
-    resolution: {integrity: sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/graceful-fs/-/graceful-fs-4.2.8.tgz}
-    name: graceful-fs
-    version: 4.2.8
-    requiresBuild: true
-    dev: true
-
  r2.cnpmjs.org/handlebars/4.7.7:
    resolution: {integrity: sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/handlebars/-/handlebars-4.7.7.tgz}
    name: handlebars
@ -852,19 +776,6 @@ packages:
      uglify-js: registry.npmjs.org/uglify-js/3.15.1
    dev: true

-  r2.cnpmjs.org/has-flag/3.0.0:
-    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/has-flag/-/has-flag-3.0.0.tgz}
-    name: has-flag
-    version: 3.0.0
-    engines: {node: '>=4'}
-    dev: true
-
-  r2.cnpmjs.org/has-flag/4.0.0:
-    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/has-flag/-/has-flag-4.0.0.tgz}
-    name: has-flag
-    version: 4.0.0
-    engines: {node: '>=8'}
-
  r2.cnpmjs.org/has/1.0.3:
    resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/has/-/has-1.0.3.tgz}
    name: has
@ -949,7 +860,7 @@ packages:
    engines: {node: '>=8.0.0'}
    dependencies:
      ansi-escapes: r2.cnpmjs.org/ansi-escapes/4.3.2
-      chalk: r2.cnpmjs.org/chalk/4.1.2
+      chalk: registry.npmjs.org/chalk/4.1.2
      cli-cursor: r2.cnpmjs.org/cli-cursor/3.1.0
      cli-width: r2.cnpmjs.org/cli-width/3.0.0
      external-editor: r2.cnpmjs.org/external-editor/3.1.0
@ -1161,7 +1072,7 @@ packages:
    version: 4.1.0
    engines: {node: '>=10'}
    dependencies:
-      chalk: r2.cnpmjs.org/chalk/4.1.2
+      chalk: registry.npmjs.org/chalk/4.1.2
      is-unicode-supported: r2.cnpmjs.org/is-unicode-supported/0.1.0
    dev: true

@ -1171,7 +1082,7 @@ packages:
    version: 5.1.0
    engines: {node: '>=12'}
    dependencies:
-      chalk: r2.cnpmjs.org/chalk/5.0.0
+      chalk: registry.npmjs.org/chalk/5.0.0
      is-unicode-supported: r2.cnpmjs.org/is-unicode-supported/1.1.0
    dev: true

@ -1336,7 +1247,7 @@ packages:
    engines: {node: '>=10'}
    dependencies:
      bl: r2.cnpmjs.org/bl/4.1.0
-      chalk: r2.cnpmjs.org/chalk/4.1.2
+      chalk: registry.npmjs.org/chalk/4.1.2
      cli-cursor: r2.cnpmjs.org/cli-cursor/3.1.0
      cli-spinners: r2.cnpmjs.org/cli-spinners/2.6.1
      is-interactive: r2.cnpmjs.org/is-interactive/1.0.0
@ -1353,7 +1264,7 @@ packages:
    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
    dependencies:
      bl: r2.cnpmjs.org/bl/5.0.0
-      chalk: r2.cnpmjs.org/chalk/4.1.2
+      chalk: registry.npmjs.org/chalk/4.1.2
      cli-cursor: r2.cnpmjs.org/cli-cursor/4.0.0
      cli-spinners: r2.cnpmjs.org/cli-spinners/2.6.1
      is-interactive: r2.cnpmjs.org/is-interactive/2.0.0
@ -1673,23 +1584,6 @@ packages:
      ansi-regex: r2.cnpmjs.org/ansi-regex/6.0.1
    dev: true

-  r2.cnpmjs.org/supports-color/5.5.0:
-    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/supports-color/-/supports-color-5.5.0.tgz}
-    name: supports-color
-    version: 5.5.0
-    engines: {node: '>=4'}
-    dependencies:
-      has-flag: r2.cnpmjs.org/has-flag/3.0.0
-    dev: true
-
-  r2.cnpmjs.org/supports-color/7.2.0:
-    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/supports-color/-/supports-color-7.2.0.tgz}
-    name: supports-color
-    version: 7.2.0
-    engines: {node: '>=8'}
-    dependencies:
-      has-flag: r2.cnpmjs.org/has-flag/4.0.0
-
  r2.cnpmjs.org/through/2.3.8:
    resolution: {integrity: sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/through/-/through-2.3.8.tgz}
    name: through
@ -1892,6 +1786,15 @@ packages:
    engines: {node: '>=8'}
    dev: false

+  registry.npmjs.org/ansi-styles/3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz}
+    name: ansi-styles
+    version: 3.2.1
+    engines: {node: '>=4'}
+    dependencies:
+      color-convert: registry.npmjs.org/color-convert/1.9.3
+    dev: true
+
  registry.npmjs.org/ansi-styles/4.3.0:
    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz}
    name: ansi-styles
@ -1899,7 +1802,6 @@ packages:
    engines: {node: '>=8'}
    dependencies:
      color-convert: registry.npmjs.org/color-convert/2.0.1
-    dev: false

  registry.npmjs.org/ansi-styles/5.2.0:
    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz}
@ -1908,6 +1810,17 @@ packages:
    engines: {node: '>=10'}
    dev: false

+  registry.npmjs.org/chalk/2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/chalk/-/chalk-2.4.2.tgz}
+    name: chalk
+    version: 2.4.2
+    engines: {node: '>=4'}
+    dependencies:
+      ansi-styles: registry.npmjs.org/ansi-styles/3.2.1
+      escape-string-regexp: rg.cnpmjs.org/escape-string-regexp/1.0.5
+      supports-color: registry.npmjs.org/supports-color/5.5.0
+    dev: true
+
  registry.npmjs.org/chalk/4.1.2:
    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz}
    name: chalk
@ -1916,7 +1829,21 @@ packages:
    dependencies:
      ansi-styles: registry.npmjs.org/ansi-styles/4.3.0
      supports-color: registry.npmjs.org/supports-color/7.2.0
-    dev: false
+
+  registry.npmjs.org/chalk/5.0.0:
+    resolution: {integrity: sha512-/duVOqst+luxCQRKEo4bNxinsOQtMP80ZYm7mMqzuh5PociNL0PvmHFvREJ9ueYL2TxlHjBcmLCdmocx9Vg+IQ==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/chalk/-/chalk-5.0.0.tgz}
+    name: chalk
+    version: 5.0.0
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+    dev: true
+
+  registry.npmjs.org/color-convert/1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz}
+    name: color-convert
+    version: 1.9.3
+    dependencies:
+      color-name: registry.npmjs.org/color-name/1.1.3
+    dev: true

  registry.npmjs.org/color-convert/2.0.1:
    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz}
@ -1925,13 +1852,17 @@ packages:
    engines: {node: '>=7.0.0'}
    dependencies:
      color-name: registry.npmjs.org/color-name/1.1.4
-    dev: false
+
+  registry.npmjs.org/color-name/1.1.3:
+    resolution: {integrity: sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz}
+    name: color-name
+    version: 1.1.3
+    dev: true

  registry.npmjs.org/color-name/1.1.4:
    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz}
    name: color-name
    version: 1.1.4
-    dev: false

  registry.npmjs.org/css-render/0.15.8:
    resolution: {integrity: sha512-k1gp1MgYDPrFZhzheQkSwm6dmP6nPe2XE6WYpJBPwEc3GbMANPJZfxl7ofZlTl8/+tpMRiGTTgUkTlXaVbLxog==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/css-render/-/css-render-0.15.8.tgz}
@ -1949,6 +1880,36 @@ packages:
    version: 3.0.10
    dev: false

+  registry.npmjs.org/debug/2.6.9:
+    resolution: {integrity: sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/debug/-/debug-2.6.9.tgz}
+    name: debug
+    version: 2.6.9
+    dependencies:
+      ms: registry.npmjs.org/ms/2.0.0
+    dev: true
+
+  registry.npmjs.org/debug/3.2.7:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/debug/-/debug-3.2.7.tgz}
+    name: debug
+    version: 3.2.7
+    dependencies:
+      ms: registry.npmjs.org/ms/2.1.2
+    dev: true
+
+  registry.npmjs.org/debug/4.3.3:
+    resolution: {integrity: sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/debug/-/debug-4.3.3.tgz}
+    name: debug
+    version: 4.3.3
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+    dependencies:
+      ms: registry.npmjs.org/ms/2.1.2
+    dev: true
+
  registry.npmjs.org/diff-sequences/27.5.1:
    resolution: {integrity: sha512-k1gCAXAsNgLwEL+Y8Wvl+M6oEFj5bgazfZULpS5CneoPPXRaCCW7dm+q21Ky2VEE5X+VeRDBVg1Pcvvsr4TtNQ==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/diff-sequences/-/diff-sequences-27.5.1.tgz}
    name: diff-sequences
@ -2141,6 +2102,17 @@ packages:
    version: 0.2.3
    dev: false

+  registry.npmjs.org/fs-extra/10.0.0:
+    resolution: {integrity: sha512-C5owb14u9eJwizKGdchcDUQeFtlSHHthBk8pbX9Vc1PFZrLombudjDnNns88aYslCyF6IY5SUw3Roz6xShcEIQ==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.0.tgz}
+    name: fs-extra
+    version: 10.0.0
+    engines: {node: '>=12'}
+    dependencies:
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.8
+      jsonfile: registry.npmjs.org/jsonfile/6.1.0
+      universalify: registry.npmjs.org/universalify/2.0.0
+    dev: true
+
  registry.npmjs.org/fsevents/2.3.2:
    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz}
    name: fsevents
@ -2157,14 +2129,19 @@ packages:
    version: 4.2.8
    requiresBuild: true
    dev: true
-    optional: true
+
+  registry.npmjs.org/has-flag/3.0.0:
+    resolution: {integrity: sha1-tdRU3CGZriJWmfNGfloH87lVuv0=, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz}
+    name: has-flag
+    version: 3.0.0
+    engines: {node: '>=4'}
+    dev: true

  registry.npmjs.org/has-flag/4.0.0:
    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz}
    name: has-flag
    version: 4.0.0
    engines: {node: '>=8'}
-    dev: false

  registry.npmjs.org/jest-diff/27.5.1:
    resolution: {integrity: sha512-m0NvkX55LDt9T4mctTEgnZk3fmEg3NRYutvMPWM/0iPnkFj2wIeF45O1718cMSOFO1vINkqmxqD8vE37uTEbqw==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/jest-diff/-/jest-diff-27.5.1.tgz}
@ -2185,6 +2162,28 @@ packages:
    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
    dev: false

+  registry.npmjs.org/jsonfile/6.1.0:
+    resolution: {integrity: sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz}
+    name: jsonfile
+    version: 6.1.0
+    dependencies:
+      universalify: registry.npmjs.org/universalify/2.0.0
+    optionalDependencies:
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.8
+    dev: true
+
+  registry.npmjs.org/ms/2.0.0:
+    resolution: {integrity: sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/ms/-/ms-2.0.0.tgz}
+    name: ms
+    version: 2.0.0
+    dev: true
+
+  registry.npmjs.org/ms/2.1.2:
+    resolution: {integrity: sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/ms/-/ms-2.1.2.tgz}
+    name: ms
+    version: 2.1.2
+    dev: true
+
  registry.npmjs.org/naive-ui/2.25.2_vue@3.2.24:
    resolution: {integrity: sha512-Jv/hMVHECh1Q7lPtIkGIa+eQVwFpQs6qEAn3r+eaEGmSuTAFJOrIKRL4ob10O5jQ1BxjLyWb+kzSxuwoi/VHWg==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/naive-ui/-/naive-ui-2.25.2.tgz}
    id: registry.npmjs.org/naive-ui/2.25.2
@ -2221,7 +2220,7 @@ packages:
    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
    dependencies:
      ansi-regex: r2.cnpmjs.org/ansi-regex/5.0.1
-      ansi-styles: r2.cnpmjs.org/ansi-styles/5.2.0
+      ansi-styles: registry.npmjs.org/ansi-styles/5.2.0
      react-is: r2.cnpmjs.org/react-is/17.0.2
    dev: false

@ -2256,6 +2255,15 @@ packages:
      '@types/jest': registry.npmjs.org/@types/jest/27.4.0
    dev: false

+  registry.npmjs.org/supports-color/5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/supports-color/-/supports-color-5.5.0.tgz}
+    name: supports-color
+    version: 5.5.0
+    engines: {node: '>=4'}
+    dependencies:
+      has-flag: registry.npmjs.org/has-flag/3.0.0
+    dev: true
+
  registry.npmjs.org/supports-color/7.2.0:
    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz}
    name: supports-color
@ -2263,7 +2271,6 @@ packages:
    engines: {node: '>=8'}
    dependencies:
      has-flag: registry.npmjs.org/has-flag/4.0.0
-    dev: false

  registry.npmjs.org/tslib/2.3.0:
    resolution: {integrity: sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz}
@ -2287,6 +2294,13 @@ packages:
    dev: true
    optional: true

+  registry.npmjs.org/universalify/2.0.0:
+    resolution: {integrity: sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz}
+    name: universalify
+    version: 2.0.0
+    engines: {node: '>= 10.0.0'}
+    dev: true
+
  registry.npmjs.org/vdirs/0.1.7_vue@3.2.24:
    resolution: {integrity: sha512-MEUaLhV1jJyUqA2Ar4DfvlQx8jWs+PpCZ2dbM0ILelpMWGOybzt8ddL456VxeIbY/tkuDGT/Wzb8GG4LCuLuHw==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/vdirs/-/vdirs-0.1.7.tgz}
    id: registry.npmjs.org/vdirs/0.1.7
@ -2299,6 +2313,22 @@ packages:
      vue: rg.cnpmjs.org/vue/3.2.24
    dev: false

+  registry.npmjs.org/vite-plugin-compression/0.5.1_vite@2.7.1:
+    resolution: {integrity: sha512-5QJKBDc+gNYVqL/skgFAP81Yuzo9R+EAf19d+EtsMF/i8kFUpNi3J/H01QD3Oo8zBQn+NzoCIFkpPLynoOzaJg==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/vite-plugin-compression/-/vite-plugin-compression-0.5.1.tgz}
+    id: registry.npmjs.org/vite-plugin-compression/0.5.1
+    name: vite-plugin-compression
+    version: 0.5.1
+    peerDependencies:
+      vite: '>=2.0.0'
+    dependencies:
+      chalk: registry.npmjs.org/chalk/4.1.2
+      debug: registry.npmjs.org/debug/4.3.3
+      fs-extra: registry.npmjs.org/fs-extra/10.0.0
+      vite: rg.cnpmjs.org/vite/2.7.1_sass@1.44.0
+    transitivePeerDependencies:
+      - supports-color
+    dev: true
+
  registry.npmjs.org/vooks/0.2.12_vue@3.2.24:
    resolution: {integrity: sha512-iox0I3RZzxtKlcgYaStQYKEzWWGAduMmq+jS7OrNdQo1FgGfPMubGL3uGHOU9n97NIvfFDBGnpSvkWyb/NSn/Q==, registry: https://skimdb.npmjs.com/registry/, tarball: https://registry.npmjs.org/vooks/-/vooks-0.2.12.tgz}
    id: registry.npmjs.org/vooks/0.2.12
@ -2369,7 +2399,7 @@ packages:
      '@babel/traverse': rg.cnpmjs.org/@babel/traverse/7.16.3
      '@babel/types': rg.cnpmjs.org/@babel/types/7.16.0
      convert-source-map: rg.cnpmjs.org/convert-source-map/1.8.0
-      debug: rg.cnpmjs.org/debug/4.3.3
+      debug: registry.npmjs.org/debug/4.3.3
      gensync: rg.cnpmjs.org/gensync/1.0.0-beta.2
      json5: rg.cnpmjs.org/json5/2.2.0
      semver: rg.cnpmjs.org/semver/6.3.0
@ -2581,7 +2611,7 @@ packages:
    engines: {node: '>=6.9.0'}
    dependencies:
      '@babel/helper-validator-identifier': rg.cnpmjs.org/@babel/helper-validator-identifier/7.15.7
-      chalk: r2.cnpmjs.org/chalk/2.4.2
+      chalk: registry.npmjs.org/chalk/2.4.2
      js-tokens: rg.cnpmjs.org/js-tokens/4.0.0
    dev: true

@ -2680,7 +2710,7 @@ packages:
      '@babel/helper-split-export-declaration': rg.cnpmjs.org/@babel/helper-split-export-declaration/7.16.0
      '@babel/parser': rg.cnpmjs.org/@babel/parser/7.16.4
      '@babel/types': rg.cnpmjs.org/@babel/types/7.16.0
-      debug: rg.cnpmjs.org/debug/4.3.3
+      debug: registry.npmjs.org/debug/4.3.3
      globals: rg.cnpmjs.org/globals/11.12.0
    transitivePeerDependencies:
      - supports-color
@ -2725,7 +2755,7 @@ packages:
    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
    dependencies:
      ajv: rg.cnpmjs.org/ajv/6.12.6
-      debug: rg.cnpmjs.org/debug/4.3.3
+      debug: registry.npmjs.org/debug/4.3.3
      espree: rg.cnpmjs.org/espree/9.2.0
      globals: rg.cnpmjs.org/globals/13.12.0
      ignore: rg.cnpmjs.org/ignore/4.0.6
@ -2744,7 +2774,7 @@ packages:
    engines: {node: '>=10.10.0'}
    dependencies:
      '@humanwhocodes/object-schema': rg.cnpmjs.org/@humanwhocodes/object-schema/1.2.1
-      debug: rg.cnpmjs.org/debug/4.3.3
+      debug: registry.npmjs.org/debug/4.3.3
      minimatch: rg.cnpmjs.org/minimatch/3.0.4
    transitivePeerDependencies:
      - supports-color
@ -3035,7 +3065,7 @@ packages:
    dependencies:
      '@typescript-eslint/types': rg.cnpmjs.org/@typescript-eslint/types/5.6.0
      '@typescript-eslint/visitor-keys': rg.cnpmjs.org/@typescript-eslint/visitor-keys/5.6.0
-      debug: rg.cnpmjs.org/debug/4.3.3
+      debug: registry.npmjs.org/debug/4.3.3
      globby: rg.cnpmjs.org/globby/11.0.4
      is-glob: rg.cnpmjs.org/is-glob/4.0.3
      semver: rg.cnpmjs.org/semver/7.3.5
@ -3367,15 +3397,6 @@ packages:
    engines: {node: '>=8'}
    dev: true

-  rg.cnpmjs.org/ansi-styles/4.3.0:
-    resolution: {integrity: sha1-7dgDYornHATIWuegkG7a00tkiTc=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/ansi-styles/download/ansi-styles-4.3.0.tgz}
-    name: ansi-styles
-    version: 4.3.0
-    engines: {node: '>=8'}
-    dependencies:
-      color-convert: rg.cnpmjs.org/color-convert/2.0.1
-    dev: true
-
  rg.cnpmjs.org/anymatch/3.1.2:
    resolution: {integrity: sha1-wFV8CWrzLxBhmPT04qODU343hxY=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/anymatch/download/anymatch-3.1.2.tgz}
    name: anymatch
@ -3575,8 +3596,8 @@ packages:
    version: 4.1.2
    engines: {node: '>=10'}
    dependencies:
-      ansi-styles: rg.cnpmjs.org/ansi-styles/4.3.0
-      supports-color: rg.cnpmjs.org/supports-color/7.2.0
+      ansi-styles: registry.npmjs.org/ansi-styles/4.3.0
+      supports-color: registry.npmjs.org/supports-color/7.2.0
    dev: true

  rg.cnpmjs.org/change-case/4.1.2:
@ -3623,21 +3644,6 @@ packages:
      fsevents: registry.npmjs.org/fsevents/2.3.2
    dev: true

-  rg.cnpmjs.org/color-convert/2.0.1:
-    resolution: {integrity: sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/color-convert/download/color-convert-2.0.1.tgz}
-    name: color-convert
-    version: 2.0.1
-    engines: {node: '>=7.0.0'}
-    dependencies:
-      color-name: rg.cnpmjs.org/color-name/1.1.4
-    dev: true
-
-  rg.cnpmjs.org/color-name/1.1.4:
-    resolution: {integrity: sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/color-name/download/color-name-1.1.4.tgz}
-    name: color-name
-    version: 1.1.4
-    dev: true
-
  rg.cnpmjs.org/commander/8.3.0:
    resolution: {integrity: sha1-SDfqGy2me5xhamevuw+v7lZ7ymY=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/commander/download/commander-8.3.0.tgz}
    name: commander
@ -3657,7 +3663,7 @@ packages:
    version: 3.7.0
    engines: {node: '>= 0.10.0'}
    dependencies:
-      debug: rg.cnpmjs.org/debug/2.6.9
+      debug: registry.npmjs.org/debug/2.6.9
      finalhandler: rg.cnpmjs.org/finalhandler/1.1.2
      parseurl: rg.cnpmjs.org/parseurl/1.3.3
      utils-merge: rg.cnpmjs.org/utils-merge/1.0.1
@ -3730,15 +3736,7 @@ packages:
    name: debug
    version: 2.6.9
    dependencies:
-      ms: rg.cnpmjs.org/ms/2.0.0
-    dev: true
-
-  rg.cnpmjs.org/debug/3.2.7:
-    resolution: {integrity: sha1-clgLfpFF+zm2Z2+cXl+xALk0F5o=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/debug/download/debug-3.2.7.tgz}
-    name: debug
-    version: 3.2.7
-    dependencies:
-      ms: rg.cnpmjs.org/ms/2.1.2
+      ms: registry.npmjs.org/ms/2.0.0
    dev: true

  rg.cnpmjs.org/debug/4.3.3:
@ -4033,7 +4031,7 @@ packages:
    name: eslint-import-resolver-node
    version: 0.3.6
    dependencies:
-      debug: rg.cnpmjs.org/debug/3.2.7
+      debug: registry.npmjs.org/debug/3.2.7
      resolve: rg.cnpmjs.org/resolve/1.20.0
    dev: true

@ -4043,7 +4041,7 @@ packages:
    version: 2.7.1
    engines: {node: '>=4'}
    dependencies:
-      debug: rg.cnpmjs.org/debug/3.2.7
+      debug: registry.npmjs.org/debug/3.2.7
      find-up: rg.cnpmjs.org/find-up/2.1.0
      pkg-dir: rg.cnpmjs.org/pkg-dir/2.0.0
    dev: true
@ -4353,7 +4351,7 @@ packages:
    version: 1.1.2
    engines: {node: '>= 0.8'}
    dependencies:
-      debug: rg.cnpmjs.org/debug/2.6.9
+      debug: registry.npmjs.org/debug/2.6.9
      encodeurl: rg.cnpmjs.org/encodeurl/1.0.2
      escape-html: rg.cnpmjs.org/escape-html/1.0.3
      on-finished: rg.cnpmjs.org/on-finished/2.3.0
@ -4405,9 +4403,9 @@ packages:
    version: 10.0.0
    engines: {node: '>=12'}
    dependencies:
-      graceful-fs: rg.cnpmjs.org/graceful-fs/4.2.8
-      jsonfile: rg.cnpmjs.org/jsonfile/6.1.0
-      universalify: rg.cnpmjs.org/universalify/2.0.0
+      graceful-fs: registry.npmjs.org/graceful-fs/4.2.8
+      jsonfile: registry.npmjs.org/jsonfile/6.1.0
+      universalify: registry.npmjs.org/universalify/2.0.0
    dev: true

  rg.cnpmjs.org/fs.realpath/1.0.0:
@ -4516,25 +4514,12 @@ packages:
      slash: rg.cnpmjs.org/slash/3.0.0
    dev: true

-  rg.cnpmjs.org/graceful-fs/4.2.8:
-    resolution: {integrity: sha1-5BK40z9eAGWTy9PO5t+fLOu+gCo=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/graceful-fs/download/graceful-fs-4.2.8.tgz}
-    name: graceful-fs
-    version: 4.2.8
-    dev: true
-
  rg.cnpmjs.org/has-bigints/1.0.1:
    resolution: {integrity: sha1-ZP5qywIGc+O3jbA1pa9pqp0HsRM=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/has-bigints/download/has-bigints-1.0.1.tgz}
    name: has-bigints
    version: 1.0.1
    dev: true

-  rg.cnpmjs.org/has-flag/4.0.0:
-    resolution: {integrity: sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/has-flag/download/has-flag-4.0.0.tgz}
-    name: has-flag
-    version: 4.0.0
-    engines: {node: '>=8'}
-    dev: true
-
  rg.cnpmjs.org/has-symbols/1.0.2:
    resolution: {integrity: sha1-Fl0wcMADCXUqEjakeTMeOsVvFCM=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/has-symbols/download/has-symbols-1.0.2.tgz}
    name: has-symbols
@ -4894,16 +4879,6 @@ packages:
    version: 3.0.0
    dev: true

-  rg.cnpmjs.org/jsonfile/6.1.0:
-    resolution: {integrity: sha1-vFWyY0eTxnnsZAMJTrE2mKbsCq4=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/jsonfile/download/jsonfile-6.1.0.tgz}
-    name: jsonfile
-    version: 6.1.0
-    dependencies:
-      universalify: rg.cnpmjs.org/universalify/2.0.0
-    optionalDependencies:
-      graceful-fs: registry.npmjs.org/graceful-fs/4.2.8
-    dev: true
-
  rg.cnpmjs.org/jstransformer/1.0.0:
    resolution: {integrity: sha1-7Yvwkh4vPx7U1cGkT2hwntJHIsM=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/jstransformer/download/jstransformer-1.0.0.tgz}
    name: jstransformer
@ -5021,12 +4996,6 @@ packages:
      commander: rg.cnpmjs.org/commander/8.3.0
    dev: true

-  rg.cnpmjs.org/ms/2.0.0:
-    resolution: {integrity: sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/ms/download/ms-2.0.0.tgz}
-    name: ms
-    version: 2.0.0
-    dev: true
-
  rg.cnpmjs.org/ms/2.1.2:
    resolution: {integrity: sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/ms/download/ms-2.1.2.tgz}
    name: ms
@ -5756,15 +5725,6 @@ packages:
    engines: {node: '>=8'}
    dev: true

-  rg.cnpmjs.org/supports-color/7.2.0:
-    resolution: {integrity: sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/supports-color/download/supports-color-7.2.0.tgz}
-    name: supports-color
-    version: 7.2.0
-    engines: {node: '>=8'}
-    dependencies:
-      has-flag: rg.cnpmjs.org/has-flag/4.0.0
-    dev: true
-
  rg.cnpmjs.org/svg-tags/1.0.0:
    resolution: {integrity: sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/svg-tags/download/svg-tags-1.0.0.tgz}
    name: svg-tags
@ -5864,13 +5824,6 @@ packages:
      which-boxed-primitive: rg.cnpmjs.org/which-boxed-primitive/1.0.2
    dev: true

-  rg.cnpmjs.org/universalify/2.0.0:
-    resolution: {integrity: sha1-daSYTv7cSwiXXFrrc/Uw0C3yVxc=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/universalify/download/universalify-2.0.0.tgz}
-    name: universalify
-    version: 2.0.0
-    engines: {node: '>= 10.0.0'}
-    dev: true
-
  rg.cnpmjs.org/unpipe/1.0.0:
    resolution: {integrity: sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/unpipe/download/unpipe-1.0.0.tgz}
    name: unpipe
@ -6186,7 +6139,7 @@ packages:
    peerDependencies:
      eslint: '>=6.0.0'
    dependencies:
-      debug: rg.cnpmjs.org/debug/4.3.3
+      debug: registry.npmjs.org/debug/4.3.3
      eslint: rg.cnpmjs.org/eslint/8.4.1
      eslint-scope: rg.cnpmjs.org/eslint-scope/6.0.0
      eslint-visitor-keys: rg.cnpmjs.org/eslint-visitor-keys/3.1.0
--- a/src/assets/images/canvas/noImage.png
+++ b/src/assets/images/canvas/noImage.png
--- a/src/assets/images/canvas/pageBg.png
+++ b/src/assets/images/canvas/pageBg.png
--- a/src/settings/systemSetting.ts
+++ b/src/settings/systemSetting.ts
@ -7,4 +7,4 @@ export const asideAllCollapsed = true
 export const hidePackageOneCategory = true

 // 切换语言是否进行路由刷新
-export const changeLangReload = true
+export const changeLangReload = false
--- a/src/utils/utils.ts
+++ b/src/utils/utils.ts
@ -2,12 +2,13 @@ import { h } from 'vue'
 import { NIcon } from 'naive-ui'
 import screenfull from 'screenfull'
 import throttle from 'lodash/throttle'
+import Image_404 from '../assets/images/exception/image-404.png'

 /**
 * * 生成一个不重复的ID
 * @param { Number } randomLength
 */
-export const getUUID = (randomLength = 10) =>{
+export const getUUID = (randomLength = 10) => {
  return Number(
    Math.random().toString().substr(2, randomLength) + Date.now()
  ).toString(36)
@ -32,14 +33,15 @@ export const renderLang = (lang: string, set = {}, tag = 'span') => {
 }

 /**
+ * ! 编译会报错，暂不使用
 * * 处理 vite 中无法使用 require 的问题，utils 文件为根路径
 * @param path
 * @param name
 * @returns url
 */
-export const requireUrl = (path: string, name: string) => {
-  return new URL(`${path}/${name}`, import.meta.url).href
-}
+// export const requireUrl = (path: string, name: string) => {
+//   return new URL(`${path}/${name}`, import.meta.url).href
+// }

 /**
 * * 获取错误处理图片，默认 404 图
@ -47,12 +49,8 @@ export const requireUrl = (path: string, name: string) => {
 * @param name
 * @returns url
 */
-export const requireFallbackImg = (path?: string, name?: string) => {
-  const url = path && name
-  return new URL(
-    url ? `${path}/${name}` : '../assets/images/exception/image-404.png',
-    import.meta.url
-  ).href
+export const requireFallbackImg = () => {
+  return Image_404
 }

 /**
@ -78,11 +76,14 @@ export const screenfullFn = (isFullscreen?: boolean, isEnabled?: boolean) => {

 /**
 * * 设置元素属性
- * @param HTMLElement 元素 
+ * @param HTMLElement 元素
 * @param key 键名
 * @param value 键值
 */
-export const setDomAttribute = <K extends keyof CSSStyleDeclaration, V extends CSSStyleDeclaration[K]>(
+export const setDomAttribute = <
+  K extends keyof CSSStyleDeclaration,
+  V extends CSSStyleDeclaration[K]
+>(
  HTMLElement: HTMLElement,
  key: K,
  value: V
@ -100,28 +101,28 @@ export const isMac = () => {
  return /macintosh|mac os x/i.test(navigator.userAgent)
 }

-/** 
+/**
 * * file转url
-*/
-export const fileToUrl = (file:File): string => {
-  const Url = URL || window.URL || window.webkitURL;
-  const ImageUrl = Url.createObjectURL(file);
+ */
+export const fileToUrl = (file: File): string => {
+  const Url = URL || window.URL || window.webkitURL
+  const ImageUrl = Url.createObjectURL(file)
  return ImageUrl
-};
+}

-/** 
+/**
 * * file转base64
-*/
-export const fileTobase64 = (file:File, callback: Function) => {
-  let reader = new FileReader();
-  reader.readAsDataURL(file);
+ */
+export const fileTobase64 = (file: File, callback: Function) => {
+  let reader = new FileReader()
+  reader.readAsDataURL(file)
  reader.onload = function (e: ProgressEvent<FileReader>) {
-    if(e.target) {
-      let base64 = e.target.result;
+    if (e.target) {
+      let base64 = e.target.result
      callback(base64)
    }
-  };
-};
+  }
+}

 /**
 * * 挂载监听
--- a/src/views/chart/ContentEdit/components/EditBottom/index.vue
+++ b/src/views/chart/ContentEdit/components/EditBottom/index.vue
@ -48,7 +48,7 @@
        :min="10"
        :max="200"
        :step="5"
-        :format-tooltip="v => `${v}%`"
+        :format-tooltip="sliderFormatTooltip"
        :disabled="lockScale"
        :marks="sliderMaks"
        @update:value="sliderHandle"
@ -124,6 +124,9 @@ const lockHandle = () => {
 // 拖动
 const sliderValue = ref(100)

+// 拖动格式化
+const sliderFormatTooltip =  (v: string) => `${v}%`
+
 // 拖动处理
 const sliderHandle = (v: number) => {
  chartEditStore.setScale(v / 100)
--- a/src/views/chart/ContentEdit/components/EditRange/index.vue
+++ b/src/views/chart/ContentEdit/components/EditRange/index.vue
@ -30,7 +30,7 @@ const rangeStyle = computed(() => {
  const background = getEditCanvasConfig.value.background
  const backgroundImage = getEditCanvasConfig.value.backgroundImage
  const selectColor = getEditCanvasConfig.value.selectColor
-  const backgroundColor = background ? background : null
+  const backgroundColor = background ? background : undefined
  const computedBackground = selectColor
    ? { background: backgroundColor }
    : { background: `url(${backgroundImage}) no-repeat center/100% !important` }
@ -51,7 +51,6 @@ const rangeModelStyle = computed(() => {
  position: relative;
  border: 1px solid;
  border-radius: 15px;
-  background: url('@/assets/images/canvas/pageBg.png');
  @include fetch-theme('box-shadow');
  @include filter-border-color('hover-border-color');
  @include fetch-theme-custom('border-color', 'background-color4');
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@ -118,7 +118,6 @@
 import { reactive, ref, onMounted } from 'vue'
 import {
  routerTurnByName,
-  requireUrl,
  cryptoEncode,
  setLocalStorage
 } from '@/utils'
@ -199,7 +198,7 @@ const bgList = ref([

 // 处理url获取
 const getImageUrl = (name: string, folder: string) => {
-  return requireUrl(`../assets/images/${folder}/`, `${name}.png`)
+  return new URL(`../../assets/images/${folder}/${name}.png`, import.meta.url).href
 }

 // 打乱
--- a/src/views/project/items/components/Card/index.vue
+++ b/src/views/project/items/components/Card/index.vue
@ -1,5 +1,5 @@
 <template>
-  <div class="go-items-list-card">
+  <div v-if="cardData" class="go-items-list-card">
    <n-card hoverable size="small">
      <div class="list-content">
        <!-- 顶部按钮 -->
@ -18,7 +18,7 @@
            height="200"
            preview-disabled
            :src="
-              requireUrl('../assets/images/project', 'moke-20211219181327.png')
+              requireUrl('project/moke-20211219181327.png')
            "
            :alt="cardData.title"
            :fallback-src="requireFallbackImg()"
@ -83,7 +83,7 @@

 <script setup lang="ts">
 import { reactive, ref, PropType } from 'vue'
-import { renderIcon, renderLang, requireUrl, requireFallbackImg } from '@/utils'
+import { renderIcon, renderLang,  requireFallbackImg } from '@/utils'
 import { icon } from '@/plugins'
 import { MacOsControlBtn } from '@/components/MacOsControlBtn'
 import { Chartype } from '../../index.d'
@ -99,12 +99,17 @@ const {
 } = icon.ionicons5

 const emit = defineEmits(['delete', 'resize', 'edit'])
-const t = window['$t']

 const props = defineProps({
  // todo 定义列表ITEN的 type
  cardData: Object as PropType<Chartype>
 })
+
+// 处理url获取
+const requireUrl = (name: string) => {
+  return new URL(`../../../../../assets/images/${name}`, import.meta.url).href
+}
+
 const fnBtnList = reactive([
  {
    label: renderLang('global.r_edit'),
--- a/src/views/project/items/components/List/hooks/useData.hook.ts
+++ b/src/views/project/items/components/List/hooks/useData.hook.ts
@ -1,34 +1,39 @@
-import { ref, Ref } from 'vue'
+import { ref } from 'vue'
 import { goDialog } from '@/utils'
 import { DialogEnum } from '@/enums/pluginEnum'
-
+import { ChartList } from '../../../index.d'
 // 数据初始化
 export const useDataListInit = () => {
-  const list = ref<{id: number, title:string, release: boolean}[]>([
+  const list = ref<ChartList>([
    {
      id: 1,
      title: '物料1',
-      release: true
+      release: true,
+      label: '官方案例'
    },
    {
      id: 2,
      title: '物料2',
-      release: false
+      release: false,
+      label: '官方案例'
    },
    {
      id: 3,
      title: '物料3',
-      release: false
+      release: false,
+      label: '官方案例'
    },
    {
      id: 4,
      title: '物料4',
-      release: false
+      release: false,
+      label: '官方案例'
    },
    {
      id: 5,
      title: '物料5',
-      release: false
+      release: false,
+      label: '官方案例'
    }
  ])

--- a/src/views/project/items/components/List/hooks/useModal.hook.ts
+++ b/src/views/project/items/components/List/hooks/useModal.hook.ts
@ -1,10 +1,10 @@
 import { ref, Ref } from 'vue'
 import { ChartEnum } from '@/enums/pageEnum'
 import { fetchPathByName, routerTurnByPath } from '@/utils'
+import { Chartype } from '../../../index.d'
 export const useModalDataInit = () => {
  const modalShow = ref<boolean>(false)
-  // TODO 补充 modalData 类型格式
-  const modalData = ref<object | null>(null)
+  const modalData = ref<Chartype | null>(null)

  // 关闭 modal
  const closeModal = () => {
@ -13,15 +13,17 @@ export const useModalDataInit = () => {
  }

  // 打开 modal
-  const resizeHandle = (cardData: Ref<object | null>) => {
+  const resizeHandle = (cardData: Chartype) => {
+    if(!cardData) return
    modalShow.value = true
    modalData.value = cardData
  }

  // 打开 modal
-  const editHandle = (cardData: Ref<object | null>) => {
+  const editHandle = (cardData: Chartype) => {
+    if(!cardData) return
    const path = fetchPathByName(ChartEnum.CHART_HOME_NAME, 'href')
-    routerTurnByPath(path, [(<any>cardData).id], undefined, true)
+    routerTurnByPath(path, [cardData.id], undefined, true)
  }

  return {
--- a/src/views/project/items/components/List/index.vue
+++ b/src/views/project/items/components/List/index.vue
@ -17,6 +17,7 @@
    </n-grid>
  </div>
  <ModalCard
+    v-if="modalData"
    v-model:modalShow="modalShow"
    :cardData="modalData"
    @close="closeModal"
--- a/src/views/project/items/components/ModalCard/index.vue
+++ b/src/views/project/items/components/ModalCard/index.vue
@ -27,7 +27,7 @@
        <div class="list-content-img">
          <img
            :src="
-              requireUrl('../assets/images/project', 'moke-20211219181327.png')
+              requireUrl('/project/moke-20211219181327.png')
            "
            :alt="cardData?.title"
          />
@ -76,7 +76,7 @@

 <script setup lang="ts">
 import { reactive } from 'vue'
-import { renderIcon, renderLang, requireUrl } from '@/utils'
+import { renderIcon, renderLang } from '@/utils'
 import { icon } from '@/plugins'
 import { MacOsControlBtn } from '@/components/MacOsControlBtn'

@ -89,6 +89,11 @@ const props = defineProps({
  cardData: Object
 })

+// 处理url获取
+const requireUrl = (name: string) => {
+  return new URL(`../../../../../assets/images/${name}`, import.meta.url).href
+}
+
 const fnBtnList = reactive([
  {
    label: renderLang('global.r_edit'),
--- a/src/views/project/items/index.d.ts
+++ b/src/views/project/items/index.d.ts
@ -1,11 +1,8 @@
 export type Chartype = {
  id: number | string
  title: string // 标题
-  lableId: string | number
  label: string // 标签
-  release: number // 0未发布 | 1已发布
-  icon: any
-  ['string']: string
+  release: boolean // 0未发布 | 1已发布
 }

 export type ChartList = Chartype[]
--- a/tsconfig.json
+++ b/tsconfig.json
@ -9,8 +9,10 @@
    "sourceMap": true,
    "resolveJsonModule": true,
    "esModuleInterop": true,
+    "skipLibCheck": true,
    "lib": [
-      "esnext",
+      "es6",
+      "ESNext",
      "dom"
    ],
    "types": [