fix: 修改折线图不展示，不会动态变更的bug

package.json

@@ -11,52 +11,52 @@
     "@types/color": "^3.0.3",
     "animate.css": "^4.1.1",
     "axios": "0.23.0",
-    "color": "^4.2.1",
+    "color": "^4.2.3",
     "crypto-ts": "^1.0.2",
-    "echarts-liquidfill": "3",
+    "echarts-liquidfill": "^3.1.0",
     "highlight.js": "^11.5.0",
     "html2canvas": "^1.4.1",
-    "naive-ui": "^2.25.2",
-    "pinia": "^2.0.6",
-    "screenfull": "^6.0.0",
-    "vue": "^3.2.16",
-    "vue-i18n": "^9.2.0-beta.23",
+    "naive-ui": "^2.27.0",
+    "pinia": "^2.0.13",
+    "screenfull": "^6.0.1",
+    "vue": "^3.2.31",
+    "vue-i18n": "^9.2.0-beta.34",
     "vue-router": "4.0.12",
     "vue3-lazyload": "^0.2.5-beta",
     "vue3-sketch-ruler": "^1.3.3",
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
-    "@types/node": "^16.11.1",
-    "@typescript-eslint/eslint-plugin": "^5.6.0",
-    "@typescript-eslint/parser": "^5.6.0",
+    "@types/node": "^16.11.26",
+    "@typescript-eslint/eslint-plugin": "^5.18.0",
+    "@typescript-eslint/parser": "^5.18.0",
     "@vicons/carbon": "~0.11.0",
     "@vicons/ionicons5": "~0.11.0",
-    "@vitejs/plugin-vue": "^1.9.3",
-    "@vitejs/plugin-vue-jsx": "^1.2.0",
-    "@vue/compiler-sfc": "^3.2.20",
-    "@vueuse/core": "^7.3.0",
+    "@vitejs/plugin-vue": "^1.10.2",
+    "@vitejs/plugin-vue-jsx": "^1.3.9",
+    "@vue/compiler-sfc": "^3.2.31",
+    "@vueuse/core": "^7.7.1",
     "default-passive-events": "^2.0.0",
-    "echarts": "^5.3.0",
-    "eslint": "^8.4.1",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-import": "^2.25.3",
+    "echarts": "^5.3.2",
+    "eslint": "^8.12.0",
+    "eslint-config-prettier": "^8.5.0",
+    "eslint-plugin-import": "^2.26.0",
     "eslint-plugin-prettier": "^4.0.0",
-    "eslint-plugin-vue": "^8.2.0",
+    "eslint-plugin-vue": "^8.5.0",
     "lodash": "~4.17.21",
     "mockjs": "^1.1.0",
     "plop": "^3.0.5",
-    "prettier": "^2.5.1",
-    "sass": "^1.43.2",
-    "sass-loader": "^12.2.0",
-    "typescript": "^4.4.4",
-    "vite": "^2.6.10",
+    "prettier": "^2.6.2",
+    "sass": "^1.49.11",
+    "sass-loader": "^12.6.0",
+    "typescript": "^4.6.3",
+    "vite": "^2.9.1",
     "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",
+    "vite-plugin-style-import": "^1.4.1",
     "vue-echarts": "^6.0.2",
-    "vue-tsc": "^0.28.7"
+    "vue-tsc": "^0.28.10"
   },
   "lint-staged": {
     "*.{vue,js,ts,tsx}": "eslint --fix"

src/hooks/useChartDataFetch.hook.ts

@@ -45,7 +45,7 @@ export const useChartDataFetch = (
         fetchInterval = setInterval(async () => {
           const res:any = await http(requestHttpType.value)(completePath || '', {})
           if (res.data) {
-            // 是否是 Echarts
+            // 是否是 Echarts 组件
             const isECharts =
               targetComponent.chartConfig.package ===
               PackagesCategoryEnum.CHARTS

src/i18n/index.ts

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

src/packages/components/Charts/Lines/LineCommon/index.vue

@@ -56,6 +56,7 @@ watch(() => chartEditStore.getEditCanvasConfig.chartThemeColor, (newColor: keyof
       })
     })
     option.options = mergeTheme(props.chartConfig.option, props.themeSetting, includes)
+    option.options = props.chartConfig.option
   }
 }, {
   immediate: true,
@@ -64,6 +65,7 @@ watch(() => chartEditStore.getEditCanvasConfig.chartThemeColor, (newColor: keyof
 watch(() => props.chartConfig.option.dataset, () => {
   option.options = props.chartConfig.option
 }, {
+  immediate: true,
   deep: true
 })
 

src/packages/public/chart.ts

@@ -15,7 +15,7 @@ export const mergeTheme = <T, U>(
   themeSetting: U,
   includes: string[]
 ) => {
-  return merge({}, pick(themeSetting, includes), option)
+  return option = merge({}, pick(themeSetting, includes), option)
 }
 
 /**