fix(hooks): 修改useEcharts getInstance无法获取

src/hooks/web/useECharts.ts

@@ -12,7 +12,6 @@ import { useMenuSetting } from '@/hooks/setting/useMenuSetting'
 
 export function useECharts(elRef: Ref<HTMLDivElement>, theme: 'light' | 'dark' | 'default' = 'default') {
   const { getDarkMode: getSysDarkMode } = useRootSetting()
-
   const { getCollapsed } = useMenuSetting()
 
   const getDarkMode = computed(() => {
@@ -58,11 +57,12 @@ export function useECharts(elRef: Ref<HTMLDivElement>, theme: 'light' | 'dark' |
 
   function setOptions(options: EChartsOption, clear = true) {
     cacheOptions.value = options
+    return new Promise((resolve) => {
       if (unref(elRef)?.offsetHeight === 0) {
         useTimeoutFn(() => {
           setOptions(unref(getOptions))
+          resolve(null)
         }, 30)
-      return
       }
       nextTick(() => {
         useTimeoutFn(() => {
@@ -74,8 +74,10 @@ export function useECharts(elRef: Ref<HTMLDivElement>, theme: 'light' | 'dark' |
           clear && chartInstance?.clear()
 
           chartInstance?.setOption(unref(getOptions))
+          resolve(null)
         }, 30)
       })
+    })
   }
 
   function resize() {