fix: fix echarts version (#130)

Author: kagol

packages/toolkits/pro/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/tiny-toolkit-pro",
-  "version": "1.0.15",
+  "version": "1.0.20",
   "description": "TinyPro 开箱即用的中后台前端/设计解决方案",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

packages/toolkits/pro/template/tinyvue/package.json

@@ -35,7 +35,7 @@
     "@vueuse/head": "^2.0.0",
     "axios": "^1.6.0",
     "dayjs": "^1.11.10",
-    "echarts": "^5.4.3",
+    "echarts": "~5.4.3",
     "echarts4": "npm:echarts@4.9.0",
     "fp-ts": "2.16.1",
     "mitt": "^3.0.1",

packages/toolkits/pro/template/tinyvue/src/views/board/home/components/curve.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { onMounted, watch, inject, ref } from 'vue';
+  import { onMounted, watch, inject, ref, nextTick } from 'vue';
   import { useI18n } from 'vue-i18n';
   import useLocale from '@/hooks/locale';
 
@@ -192,6 +192,9 @@
     window.addEventListener('resize', () => {
       myChart.resize();
     });
+    nextTick(() => {
+      myChart.resize()
+    });
   });
 
   watch(currentLocale, (newValue, oldValue) => {

packages/toolkits/pro/template/tinyvue/src/views/board/home/components/falls.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { onMounted, watch, inject, ref } from 'vue';
+  import { onMounted, watch, inject, ref, nextTick } from 'vue';
   import { useI18n } from 'vue-i18n';
   import useLocale from '@/hooks/locale';
 
@@ -174,6 +174,9 @@
     window.addEventListener('resize', () => {
       myChart.resize();
     });
+    nextTick(() => {
+      myChart.resize()
+    });
   });
 
   watch(currentLocale, (newValue, oldValue) => {

packages/toolkits/pro/template/tinyvue/src/views/board/home/components/region.vue

@@ -14,7 +14,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { onMounted, inject, ref } from 'vue';
+  import { onMounted, inject, ref, nextTick } from 'vue';
   import RegionTable from './regiontable.vue';
 
   const data = [
@@ -115,6 +115,9 @@
       myChart.resize();
     });
     options && myChart.setOption(options);
+    nextTick(() => {
+      myChart.resize()
+    });
   });
 </script>
 

packages/toolkits/pro/template/tinyvue/src/views/board/home/components/round.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script lang="ts" setup>
-  import { onMounted, watch, inject, ref } from 'vue';
+  import { onMounted, watch, inject, ref, nextTick } from 'vue';
   import { useI18n } from 'vue-i18n';
   import useLocale from '@/hooks/locale';
   import RoundTable from './roundtable.vue';
@@ -74,6 +74,9 @@
     window.addEventListener('resize', () => {
       myChart.resize();
     });
+    nextTick(() => {
+      myChart.resize()
+    });
   });
 
   watch(currentLocale, (newValue, oldValue) => {