fix: 修改打包错误, 回退I18N版本

package.json

@@ -23,7 +23,7 @@
     "pinia": "^2.0.13",
     "screenfull": "^6.0.1",
     "vue": "^3.2.31",
-    "vue-i18n": "^9.2.0-beta.35",
+    "vue-i18n": "9.1.9",
     "vue-router": "4.0.12",
     "vue3-lazyload": "^0.2.5-beta",
     "vue3-sketch-ruler": "^1.3.3",

pnpm-lock.yaml

@@ -45,7 +45,7 @@ specifiers:
   vite-plugin-style-import: ^1.4.1
   vue: ^3.2.31
   vue-echarts: ^6.0.2
-  vue-i18n: ^9.2.0-beta.35
+  vue-i18n: 9.1.9
   vue-router: 4.0.12
   vue-tsc: ^0.28.10
   vue3-lazyload: ^0.2.5-beta
@@ -68,7 +68,7 @@ dependencies:
   pinia: 2.0.13_typescript@4.6.3+vue@3.2.31
   screenfull: 6.0.1
   vue: 3.2.31
-  vue-i18n: 9.2.0-beta.35_vue@3.2.31
+  vue-i18n: 9.1.9_vue@3.2.31
   vue-router: 4.0.12_vue@3.2.31
   vue3-lazyload: 0.2.5-beta_4f726de02e89ff745196f225ebb1bbcf
   vue3-sketch-ruler: 1.3.3_vue@3.2.31
@@ -484,42 +484,60 @@ packages:
     resolution: {integrity: sha512-ZnQMnLV4e7hDlUvw8H+U8ASL02SS2Gn6+9Ac3wGGLIe7+je2AeAOxPY+izIPJDfFDb7eDjev0Us8MO1iFRN8hA==}
     dev: true
 
-  /@intlify/core-base/9.2.0-beta.35:
-    resolution: {integrity: sha512-53yuCpo2ov5OKdvBTvE5zKMo2clLVqNORwkcY9TUu0B+yrOeDwLWQnbPJnOoDu5KkRdbdXlMxnHNCpJ5vlGZ1g==}
-    engines: {node: '>= 12'}
+  /@intlify/core-base/9.1.9:
+    resolution: {integrity: sha512-x5T0p/Ja0S8hs5xs+ImKyYckVkL4CzcEXykVYYV6rcbXxJTe2o58IquSqX9bdncVKbRZP7GlBU1EcRaQEEJ+vw==}
+    engines: {node: '>= 10'}
     dependencies:
-      '@intlify/devtools-if': 9.2.0-beta.35
-      '@intlify/message-compiler': 9.2.0-beta.35
-      '@intlify/shared': 9.2.0-beta.35
-      '@intlify/vue-devtools': 9.2.0-beta.35
+      '@intlify/devtools-if': 9.1.9
+      '@intlify/message-compiler': 9.1.9
+      '@intlify/message-resolver': 9.1.9
+      '@intlify/runtime': 9.1.9
+      '@intlify/shared': 9.1.9
+      '@intlify/vue-devtools': 9.1.9
     dev: false
 
-  /@intlify/devtools-if/9.2.0-beta.35:
-    resolution: {integrity: sha512-y3+7M+eS9mqeXTBa1QWAvt4nsjwWJ5G4xT+G3IFtd7Vb2CQHwli229n0avD+VdlDGwWCDWpLkny8QWtdNEYpOA==}
-    engines: {node: '>= 12'}
+  /@intlify/devtools-if/9.1.9:
+    resolution: {integrity: sha512-oKSMKjttG3Ut/1UGEZjSdghuP3fwA15zpDPcjkf/1FjlOIm6uIBGMNS5jXzsZy593u+P/YcnrZD6cD3IVFz9vQ==}
+    engines: {node: '>= 10'}
     dependencies:
-      '@intlify/shared': 9.2.0-beta.35
+      '@intlify/shared': 9.1.9
     dev: false
 
-  /@intlify/message-compiler/9.2.0-beta.35:
-    resolution: {integrity: sha512-wYQCgnRtyJ40HK3bJTrszHDaxqDXZH+9Ps7RsXNuNwZ9hIb1cVkLiUNIbuJS/XSJ1kATJXA6K+4if6ZLb0Ozxw==}
-    engines: {node: '>= 12'}
+  /@intlify/message-compiler/9.1.9:
+    resolution: {integrity: sha512-6YgCMF46Xd0IH2hMRLCssZI3gFG4aywidoWQ3QP4RGYQXQYYfFC54DxhSgfIPpVoPLQ+4AD29eoYmhiHZ+qLFQ==}
+    engines: {node: '>= 10'}
     dependencies:
-      '@intlify/shared': 9.2.0-beta.35
+      '@intlify/message-resolver': 9.1.9
+      '@intlify/shared': 9.1.9
       source-map: 0.6.1
     dev: false
 
-  /@intlify/shared/9.2.0-beta.35:
-    resolution: {integrity: sha512-DXf7xrwf08GKhr93XPQ8EgaEN0CIELl+mAS6SlRhi/aLtZv5HSGSMkz4M/ICwoWzFLSgOx/ZdBSasex19MMogg==}
-    engines: {node: '>= 12'}
+  /@intlify/message-resolver/9.1.9:
+    resolution: {integrity: sha512-Lx/DBpigeK0sz2BBbzv5mu9/dAlt98HxwbG7xLawC3O2xMF9MNWU5FtOziwYG6TDIjNq0O/3ZbOJAxwITIWXEA==}
+    engines: {node: '>= 10'}
     dev: false
 
-  /@intlify/vue-devtools/9.2.0-beta.35:
-    resolution: {integrity: sha512-h7nf5F7AV4uKrr7zKTIyv8EOaIv4yAXuo7tvnFsp5uF8FO+kpBwWDm5csw9v9neyz42hiINJSP0Amou9M2ShEA==}
-    engines: {node: '>= 12'}
+  /@intlify/runtime/9.1.9:
+    resolution: {integrity: sha512-XgPw8+UlHCiie3fI41HPVa/VDJb3/aSH7bLhY1hJvlvNV713PFtb4p4Jo+rlE0gAoMsMCGcsiT982fImolSltg==}
+    engines: {node: '>= 10'}
     dependencies:
-      '@intlify/core-base': 9.2.0-beta.35
-      '@intlify/shared': 9.2.0-beta.35
+      '@intlify/message-compiler': 9.1.9
+      '@intlify/message-resolver': 9.1.9
+      '@intlify/shared': 9.1.9
+    dev: false
+
+  /@intlify/shared/9.1.9:
+    resolution: {integrity: sha512-xKGM1d0EAxdDFCWedcYXOm6V5Pfw/TMudd6/qCdEb4tv0hk9EKeg7lwQF1azE0dP2phvx0yXxrt7UQK+IZjNdw==}
+    engines: {node: '>= 10'}
+    dev: false
+
+  /@intlify/vue-devtools/9.1.9:
+    resolution: {integrity: sha512-YPehH9uL4vZcGXky4Ev5qQIITnHKIvsD2GKGXgqf+05osMUI6WSEQHaN9USRa318Rs8RyyPCiDfmA0hRu3k7og==}
+    engines: {node: '>= 10'}
+    dependencies:
+      '@intlify/message-resolver': 9.1.9
+      '@intlify/runtime': 9.1.9
+      '@intlify/shared': 9.1.9
     dev: false
 
   /@jridgewell/resolve-uri/3.0.5:
@@ -4403,15 +4421,15 @@ packages:
       - supports-color
     dev: true
 
-  /vue-i18n/9.2.0-beta.35_vue@3.2.31:
-    resolution: {integrity: sha512-kTYzZSB3B/ar3M9RfQ0KAyTGfvRw544qVzY++/sNV4stOKG6NxIDOdHdYTfVEXTSkczFwoZHTKXTWNVpx+GuHA==}
-    engines: {node: '>= 12'}
+  /vue-i18n/9.1.9_vue@3.2.31:
+    resolution: {integrity: sha512-JeRdNVxS2OGp1E+pye5XB6+M6BBkHwAv9C80Q7+kzoMdUDGRna06tjC0vCB/jDX9aWrl5swxOMFcyAr7or8XTA==}
+    engines: {node: '>= 10'}
     peerDependencies:
       vue: ^3.0.0
     dependencies:
-      '@intlify/core-base': 9.2.0-beta.35
-      '@intlify/shared': 9.2.0-beta.35
-      '@intlify/vue-devtools': 9.2.0-beta.35
+      '@intlify/core-base': 9.1.9
+      '@intlify/shared': 9.1.9
+      '@intlify/vue-devtools': 9.1.9
       '@vue/devtools-api': 6.1.4
       vue: 3.2.31
     dev: false

src/components/Pages/ChartItemSetting/StylesSetting.vue

@@ -14,7 +14,7 @@
     </setting-item-box>
     <setting-item-box name="饱和度" :alone="true">
       <setting-item
-        :name="`值：${(parseFloat(chartStyles.saturate) * 100).toFixed(0)}%`"
+        :name="`值：${(parseFloat(String(chartStyles.saturate)) * 100).toFixed(0)}%`"
       >
         <!-- 透明度 -->
         <n-slider
@@ -28,7 +28,7 @@
     </setting-item-box>
     <setting-item-box name="对比度" :alone="true">
       <setting-item
-        :name="`值：${(parseFloat(chartStyles.contrast) * 100).toFixed(0)}%`"
+        :name="`值：${(parseFloat(String(chartStyles.contrast)) * 100).toFixed(0)}%`"
       >
         <!-- 透明度 -->
         <n-slider
@@ -42,7 +42,7 @@
     </setting-item-box>
     <setting-item-box name="亮度" :alone="true">
       <setting-item
-        :name="`值：${(parseFloat(chartStyles.brightness) * 100).toFixed(0)}%`"
+        :name="`值：${(parseFloat(String(chartStyles.brightness)) * 100).toFixed(0)}%`"
       >
         <!-- 透明度 -->
         <n-slider
@@ -56,7 +56,7 @@
     </setting-item-box>
     <setting-item-box name="透明度" :alone="true">
       <setting-item
-        :name="`值：${(parseFloat(chartStyles.opacity) * 100).toFixed(0)}%`"
+        :name="`值：${(parseFloat(String(chartStyles.opacity)) * 100).toFixed(0)}%`"
       >
         <!-- 透明度 -->
         <n-slider

src/i18n/index.ts

@@ -24,7 +24,7 @@ export const langList = [
 
 const i18n = createI18n({
   locale: langStorage?.lang || lang,
-  legacy: false,
+  fallbackLocale: langStorage?.lang || lang,
   messages: {
     [LangEnum.zh]: zh,
     [LangEnum.en]: en

src/views/chart/ContentCharts/components/ChartsSearch/index.vue

@@ -38,7 +38,7 @@
             :title="item.title"
             @click="selectChartHandle(item)"
           >
-            <img class="list-item-img" :src="item.image" alt="展示图" />
+            <img class="list-item-img" v-lazy="item.image" alt="展示图" />
             <n-text depth="2">{{ item.title }}</n-text>
           </div>
         </n-scrollbar>