From d9bfe96dad098c5e72c39ed6727bcf6f2e8df595 Mon Sep 17 00:00:00 2001 From: vince <vince292007@gmail.com> Date: 星期四, 01 八月 2024 05:11:35 +0800 Subject: [PATCH] Merge pull request #3986 from 1455668754/main --- src/hooks/web/useECharts.ts | 8 ++++++-- 1 files changed, 6 insertions(+), 2 deletions(-) diff --git a/src/hooks/web/useECharts.ts b/src/hooks/web/useECharts.ts index c5478d7..6eac15f 100644 --- a/src/hooks/web/useECharts.ts +++ b/src/hooks/web/useECharts.ts @@ -1,8 +1,8 @@ import type { EChartsOption } from 'echarts'; import type { Ref } from 'vue'; +import { computed, nextTick, ref, unref, watch } from 'vue'; import { useTimeoutFn } from '@vben/hooks'; import { tryOnUnmounted, useDebounceFn } from '@vueuse/core'; -import { unref, nextTick, watch, computed, ref } from 'vue'; import { useEventListener } from '@/hooks/event/useEventListener'; import { useBreakpoint } from '@/hooks/event/useBreakpoint'; import echarts from '@/utils/lib/echarts'; @@ -49,6 +49,10 @@ listener: resizeFn, }); removeResizeFn = removeEvent; + + const resizeObserver = new ResizeObserver(resizeFn); + resizeObserver.observe(el); + const { widthRef, screenEnum } = useBreakpoint(); if (unref(widthRef) <= screenEnum.MD || el.offsetHeight === 0) { useTimeoutFn(() => { @@ -64,7 +68,7 @@ useTimeoutFn(() => { setOptions(unref(getOptions)); resolve(null); - }, 30); + }, 50); } nextTick(() => { useTimeoutFn(() => { -- Gitblit v1.8.0